react-ui-animate 2.0.0 → 3.0.0-rc.1

package/dist/gestures/{math.d.ts → helpers/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/{withDefault.d.ts → helpers/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/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/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";

package/dist/hooks/useMeasure.d.ts

@@ -1,14 +1,14 @@
-import * as React from "react";
-declare type MeasurementValue = number | Array<number>;
-declare type MeasurementType = {
-    left: MeasurementValue;
-    top: MeasurementValue;
-    width: MeasurementValue;
-    height: MeasurementValue;
-    vLeft: MeasurementValue;
-    vTop: MeasurementValue;
-};
-export declare function useMeasure(callback: (event: MeasurementType) => void, deps?: React.DependencyList): (index?: number | undefined) => {
-    ref: React.MutableRefObject<null>;
-};
-export {};
+import { DependencyList } from 'react';
+type MeasurementValue = number | Array<number>;
+type MeasurementType = {
+    left: MeasurementValue;
+    top: MeasurementValue;
+    width: MeasurementValue;
+    height: MeasurementValue;
+    vLeft: MeasurementValue;
+    vTop: MeasurementValue;
+};
+export declare function useMeasure(callback: (event: MeasurementType) => void, deps?: DependencyList): (index?: number) => {
+    ref: import("react").MutableRefObject<null>;
+};
+export {};

package/dist/hooks/useOutsideClick.d.ts

@@ -1,2 +1,2 @@
-import * as React from "react";
-export declare function useOutsideClick(elementRef: React.RefObject<HTMLElement>, callback: (event: MouseEvent) => void, deps?: React.DependencyList): void;
+import { RefObject, DependencyList } from 'react';
+export declare function useOutsideClick(elementRef: RefObject<HTMLElement>, callback: (event: MouseEvent) => void, deps?: DependencyList): void;

package/dist/hooks/useWindowDimension.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
-declare type WindowDimensionType = {
-    width: number;
-    height: number;
-    innerWidth: number;
-    innerHeight: number;
-};
-export declare function useWindowDimension(callback: (event: WindowDimensionType) => void, deps?: React.DependencyList): void;
-export {};
+import { DependencyList } from 'react';
+type WindowDimensionType = {
+    width: number;
+    height: number;
+    innerWidth: number;
+    innerHeight: number;
+};
+export declare function useWindowDimension(callback: (event: WindowDimensionType) => void, deps?: DependencyList): void;
+export {};

package/dist/index.d.ts

@@ -1,5 +1,9 @@
-export { Easing, makeAnimatedComponent } from '@raidipesh78/re-motion';
-export { delay } from './utils';
-export * from './animation';
-export * from './gestures';
-export * from './hooks';
+export { Easing, makeFluid, fluid } from './animation/core';
+export { AnimatedBlock, AnimatedImage, AnimatedInline, AnimationConfigUtils, MountedBlock, ScrollableBlock, TransitionBlock, } from './animation/lib';
+export { bInterpolate, interpolate } from './animation/lib';
+export { useAnimatedValue, useMountedValue } from './animation/lib';
+export { delay } from './utils';
+export { useMeasure, useOutsideClick, useWindowDimension } from './hooks';
+export { useDrag, useGesture, useMouseMove, useScroll, useWheel, } from './gestures/hooks';
+export { bin, clamp, mix, rubberClamp, move, snapTo } from './gestures/helpers';
+export type { UseAnimatedValueConfig } from './animation/lib';