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

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

@@ -1,8 +0,0 @@
-/**
- * AnimatedBlock - A higher order component built upon `div` element
- * which can accept `AnimatedValue`. It also exposes some extra style properties like
- * translateX, translateY, rotateX, rotateY, scaleX, etc.
- */
-export declare const AnimatedBlock: import("react").ForwardRefExoticComponent<Omit<import("../core").FluidHTMLAttributes<"div"> & import("../core").FluidSVGAttributes<"div">, "style"> & {
-    style?: import("../core").FluidCSSProperties;
-} & import("react").RefAttributes<unknown>>;

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

@@ -1,8 +0,0 @@
-/**
- * AnimatedImage - A higher order component built upon `img` element
- * which can accept `AnimatedValue`. It also exposes some extra style properties like
- * translateX, translateY, rotateX, rotateY, scaleX, etc.
- */
-export declare const AnimatedImage: import("react").ForwardRefExoticComponent<Omit<import("../core").FluidHTMLAttributes<"img"> & import("../core").FluidSVGAttributes<"img">, "style"> & {
-    style?: import("../core").FluidCSSProperties;
-} & import("react").RefAttributes<unknown>>;

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

@@ -1,8 +0,0 @@
-/**
- * AnimatedInline - A higher order component built upon `span` element
- * which can accept `AnimatedValue`. It also exposes some extra style properties like
- * translateX, translateY, rotateX, rotateY, scaleX, etc.
- */
-export declare const AnimatedInline: import("react").ForwardRefExoticComponent<Omit<import("../core").FluidHTMLAttributes<"span"> & import("../core").FluidSVGAttributes<"span">, "style"> & {
-    style?: import("../core").FluidCSSProperties;
-} & import("react").RefAttributes<unknown>>;

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

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { FluidValue, FluidValueConfig } from '../core';
-interface MountedValueConfig extends FluidValueConfig {
-}
-interface MountedBlockProps {
-    state: boolean;
-    children: (animation: {
-        value: FluidValue;
-    }) => React.ReactNode;
-    from?: number;
-    enter?: number;
-    exit?: number;
-    config?: MountedValueConfig;
-    enterConfig?: MountedValueConfig;
-    exitConfig?: MountedValueConfig;
-}
-/**
- * MountedBlock - Higher order component which handles mounting and unmounting of a component.
- * @prop { boolean } state - Boolean indicating the component should mount or unmount.
- * @prop { function } children - Child as a function with `AnimatedValue` on `.value` property.
- * @prop { number } from - Number that dictates the beginning state for animation.
- * @prop { number } enter - Number that dictates the entry state for animation.
- * @prop { number } exit - Number that dictates the exit state for animation.
- * @prop { MountedValueConfig } config - Animation configuration for overall animation.
- * @prop { MountedValueConfig } enterConfig - Animation configuration for the entering state of animation.
- * @prop { MountedValueConfig } exitConfig - Animation configuration for the entering state of animation.
- */
-export declare const MountedBlock: ({ state, children, from, enter, exit, config, enterConfig, exitConfig, }: MountedBlockProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { UseAnimatedValueConfig, ValueType } from '../useAnimatedValue';
-interface ScrollableBlockProps {
-    children?: (animation: {
-        value: ValueType;
-    }) => React.ReactNode;
-    direction?: 'single' | 'both';
-    threshold?: number;
-    animationConfig?: UseAnimatedValueConfig;
-}
-/**
- * ScrollableBlock - Higher order component to handle the entrance or exit animation
- * of a component when it enters or exit the viewport. Accepts child as a function with
- * `AnimatedValue` as its first argument which can be interpolated on input range [0, 1]
- * @prop { function } children - child as a function with `AnimatedValue` as its first argument.
- * @prop { 'single' | 'both' } direction - single applies animation on enter once, both applies on enter and exit.
- * @prop { number } threshold - should be in range 0 to 1 which equivalent to `IntersectionObserver` threshold.
- * @prop { UseAnimatedValueConfig } animationConfig - Animation config
- */
-export declare const ScrollableBlock: (props: ScrollableBlockProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { UseAnimatedValueConfig, ValueType } from '../useAnimatedValue';
-interface TransitionBlockProps {
-    state: boolean;
-    children: (animation: {
-        value: ValueType;
-    }) => React.ReactNode;
-    config?: UseAnimatedValueConfig;
-}
-/**
- * TransitionBlock - Higher order component which animates on state change.
- * @prop { boolean } state - Boolean indicating the current state of animation, usually `false = 0 and true = 1`.
- * @prop { function } children - Child as a function with `AnimatedValue` on `.value` property.
- * @prop { UseAnimatedValueConfig } config - Animation configuration.
- */
-export declare const TransitionBlock: ({ state, children, config, }: TransitionBlockProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

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

package/dist/animation/useAnimatedValue.d.ts

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

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

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

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

package/dist/utils/isDefined.d.ts

@@ -1 +0,0 @@
-export declare const isDefined: <T>(value: T) => boolean;

package/ecosystem.config.js

@@ -1,12 +0,0 @@
-module.exports = {
-  apps : [
-    {
-      name   : "core-library",
-      script : "npm start"
-    }, 
-    {
-      name: "example",
-      script: "cd example && npm start"
-    }
-  ]
-}

package/example/README.md

@@ -1,46 +0,0 @@
-# Getting Started with Create React App
-
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.\
-You will also see any lint errors in the console.
-
-### `npm test`
-
-Launches the test runner in the interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `npm run build`
-
-Builds the app for production to the `build` folder.\
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `npm run eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).