react-ui-animate 4.3.1 → 4.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-animate",
-  "version": "4.3.1",
+  "version": "4.3.2",
   "description": "React library for gestures and animation",
   "main": "dist/index.js",
   "peerDependencies": {

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

@@ -1,8 +0,0 @@
-export { withDecay } from './withDecay';
-export { withDelay } from './withDelay';
-export { withSequence } from './withSequence';
-export { withSpring } from './withSpring';
-export { withTiming } from './withTiming';
-export { withLoop } from './withLoop';
-export { withNative } from './withNative';
-export { withEase } from './withEase';

package/dist/animation/controllers/withDecay.d.ts

@@ -1,11 +0,0 @@
-import { FluidValue } from '@raidipesh78/re-motion';
-import type { WithCallbacks } from '../types';
-interface WithDecayConfig extends WithCallbacks {
-    velocity?: number;
-    deceleration?: number;
-}
-export declare const withDecay: (config?: WithDecayConfig, callback?: (result: any) => void) => (value: FluidValue) => {
-    controller: import("@raidipesh78/re-motion/dist/controllers/types").ControllerAnimation;
-    callback: ((result: any) => void) | undefined;
-};
-export {};

package/dist/animation/controllers/withDelay.d.ts

@@ -1,4 +0,0 @@
-export declare const withDelay: (ms: number, callback?: (result: any) => void) => () => {
-    controller: import("@raidipesh78/re-motion/dist/controllers/types").ControllerAnimation;
-    callback: ((result: any) => void) | undefined;
-};

package/dist/animation/controllers/withEase.d.ts

@@ -1,8 +0,0 @@
-import type { WithCallbacks } from '../types';
-interface WithEaseConfig extends WithCallbacks {
-}
-export declare const withEase: (toValue: number, config?: WithEaseConfig, callback?: (result: any) => void) => (value: import("@raidipesh78/re-motion").FluidValue) => {
-    controller: import("@raidipesh78/re-motion/dist/controllers/types").ControllerAnimation;
-    callback: ((result: any) => void) | undefined;
-};
-export {};

package/dist/animation/controllers/withLoop.d.ts

@@ -1,8 +0,0 @@
-import { FluidValue, loop } from '@raidipesh78/re-motion';
-export declare const withLoop: (animations: (value: FluidValue) => {
-    controller: ReturnType<typeof loop>;
-    callback?: (result: any) => void;
-}, iterations: number, callback?: (result: any) => void) => (value: FluidValue) => {
-    controller: import("@raidipesh78/re-motion/dist/controllers/types").ControllerAnimation;
-    callback: ((result: any) => void) | undefined;
-};

package/dist/animation/controllers/withNative.d.ts

@@ -1,5 +0,0 @@
-import { FluidValue } from '@raidipesh78/re-motion';
-export declare const withNative: (toValue: number | string, callback?: (result: any) => void) => (value: FluidValue) => {
-    controller: import("@raidipesh78/re-motion/dist/controllers/types").ControllerAnimation;
-    callback: ((result: any) => void) | undefined;
-};

package/dist/animation/controllers/withSequence.d.ts

@@ -1,8 +0,0 @@
-import { FluidValue, sequence } from '@raidipesh78/re-motion';
-export declare const withSequence: (animations: Array<(value: FluidValue) => {
-    controller: ReturnType<typeof sequence>;
-    callback?: (result: any) => void;
-}>, callback?: (result: any) => void) => (value: FluidValue) => {
-    controller: import("@raidipesh78/re-motion/dist/controllers/types").ControllerAnimation;
-    callback: ((result: any) => void) | undefined;
-};

package/dist/animation/controllers/withSpring.d.ts

@@ -1,12 +0,0 @@
-import { FluidValue } from '@raidipesh78/re-motion';
-import type { WithCallbacks } from '../types';
-interface WithSpringConfig extends WithCallbacks {
-    mass?: number;
-    friction?: number;
-    tension?: number;
-}
-export declare const withSpring: (toValue: number, config?: WithSpringConfig, callback?: (result: any) => void) => (value: FluidValue) => {
-    controller: import("@raidipesh78/re-motion/dist/controllers/types").ControllerAnimation;
-    callback: ((result: any) => void) | undefined;
-};
-export {};

package/dist/animation/controllers/withTiming.d.ts

@@ -1,11 +0,0 @@
-import { FluidValue } from '@raidipesh78/re-motion';
-import type { WithCallbacks } from '../types';
-interface WithTimingConfig extends WithCallbacks {
-    duration?: number;
-    easing?: (t: number) => number;
-}
-export declare const withTiming: (toValue: number, config?: WithTimingConfig, callback?: (result: any) => void) => (value: FluidValue) => {
-    controller: import("@raidipesh78/re-motion/dist/controllers/types").ControllerAnimation;
-    callback: ((result: any) => void) | undefined;
-};
-export {};

package/dist/animation/helpers/getToValue.d.ts

@@ -1,2 +0,0 @@
-import { ToValue } from '../types';
-export declare function getToValue(val: string | number | ToValue): ToValue;

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

@@ -1,2 +0,0 @@
-export * from './animationType';
-export * from './getToValue';

package/dist/animation/hooks/useValues.d.ts

@@ -1,7 +0,0 @@
-import { FluidValue } from '@raidipesh78/re-motion';
-import type { ToValue } from '../types';
-export declare function useValues(initialValue: number[] | string[]): {
-    get value(): FluidValue[];
-    set value(to: number[] | string[] | ToValue[]);
-    readonly currentValue: (string | number)[];
-};

package/dist/animation/interpolation/colors.d.ts

@@ -1,25 +0,0 @@
-export declare const COLOR_NUMBER_REGEX: RegExp;
-export declare const HEX_NAME_COLOR: RegExp;
-interface classNameType {
-    [name: string]: string;
-}
-export declare const colorNames: classNameType;
-export declare function hexToRgba(hex: string): {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export declare function rgbaToHex(rgba: {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-}): string;
-export declare function processColor(color: number | string): {
-    r: number;
-    g: number;
-    b: number;
-    a: number;
-};
-export {};

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

@@ -1 +0,0 @@
-export { interpolate, bInterpolate } from './interpolate';

package/dist/animation/interpolation/interpolate.d.ts

@@ -1,11 +0,0 @@
-import { FluidValue } from '@raidipesh78/re-motion';
-type ExtrapolateType = 'identity' | 'extend' | 'clamp';
-type ExtrapolateConfig = {
-    extrapolate?: ExtrapolateType;
-    extrapolateLeft?: ExtrapolateType;
-    extrapolateRight?: ExtrapolateType;
-};
-type InterpolateReturnType<T> = T extends number ? number : ReturnType<FluidValue['interpolate']>;
-export declare const interpolate: <T extends number | FluidValue>(value: T, inputRange: number[], outputRange: number[] | string[], extrapolateConfig?: ExtrapolateConfig) => InterpolateReturnType<T>;
-export declare const bInterpolate: <T extends number | FluidValue>(value: T, minOutput: number | string, maxOutput: number | string, extrapolateConfig?: ExtrapolateConfig) => InterpolateReturnType<T>;
-export {};

package/dist/animation/interpolation/interpolateNumbers.d.ts

@@ -1,8 +0,0 @@
-type ExtrapolateType = 'identity' | 'extend' | 'clamp';
-type ExtrapolateConfig = {
-    extrapolate?: ExtrapolateType;
-    extrapolateLeft?: ExtrapolateType;
-    extrapolateRight?: ExtrapolateType;
-};
-export declare function interpolateNumbers(value: number, inputRange: Array<number>, outputRange: Array<number | string>, extrapolateConfig?: ExtrapolateConfig): any;
-export {};

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

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { FluidValue } from '@raidipesh78/re-motion';
-import { type UseMountConfig } from '../hooks';
-interface MountedBlockProps extends Partial<UseMountConfig> {
-    state: boolean;
-    children: (animation: {
-        value: FluidValue;
-    }) => ReactNode;
-}
-export declare const MountedBlock: ({ state, children, from, enter, exit, }: MountedBlockProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { FluidValue } from '@raidipesh78/re-motion';
-interface ScrollableBlockProps {
-    children?: (animation: {
-        value: FluidValue;
-    }) => ReactNode;
-    direction?: 'single' | 'both';
-    threshold?: number;
-}
-export declare const ScrollableBlock: (props: ScrollableBlockProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,13 +0,0 @@
-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/index.d.ts

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

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

@@ -1,11 +0,0 @@
-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

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

package/dist/gestures/helpers/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/gestures/helpers/withDefault.d.ts

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

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

@@ -1,9 +0,0 @@
-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 +0,0 @@
-import { MouseMoveEventType } from '../types';
-export declare function useMouseMove(callback: (event: MouseMoveEventType) => void): (index?: number) => {
-    ref: any;
-};

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

@@ -1,51 +0,0 @@
-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/hooks/useMeasure.d.ts

@@ -1,14 +0,0 @@
-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/useWindowDimension.d.ts

@@ -1,9 +0,0 @@
-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 {};