react-animate-z 1.1.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +338 -182
  2. package/build/AnimBox/AnimateTyping.d.ts +15 -0
  3. package/build/AnimBox/StyledElement.d.ts +5 -0
  4. package/build/AnimBox/WrapperAnimate.d.ts +4 -0
  5. package/build/AnimBox/durations.d.ts +1 -0
  6. package/build/AnimBox/frames/_index.d.ts +208 -0
  7. package/build/AnimBox/frames/attention.d.ts +7 -0
  8. package/build/AnimBox/frames/blur.d.ts +12 -0
  9. package/build/AnimBox/frames/bounce.d.ts +9 -0
  10. package/build/AnimBox/frames/fade.d.ts +24 -0
  11. package/build/AnimBox/frames/flash.d.ts +7 -0
  12. package/build/AnimBox/frames/flip.d.ts +23 -0
  13. package/build/AnimBox/frames/float.d.ts +7 -0
  14. package/build/AnimBox/frames/fold.d.ts +6 -0
  15. package/build/AnimBox/frames/funMap.d.ts +10 -0
  16. package/build/AnimBox/frames/glowing.d.ts +7 -0
  17. package/build/AnimBox/frames/hangOn.d.ts +12 -0
  18. package/build/AnimBox/frames/jelly.d.ts +7 -0
  19. package/build/AnimBox/frames/motion.d.ts +16 -0
  20. package/build/AnimBox/frames/pop.d.ts +16 -0
  21. package/build/AnimBox/frames/pulse.d.ts +7 -0
  22. package/build/AnimBox/frames/rotate.d.ts +15 -0
  23. package/build/AnimBox/frames/slide.d.ts +18 -0
  24. package/build/AnimBox/frames/squeezeShake.d.ts +12 -0
  25. package/build/AnimBox/frames/textEffects.d.ts +9 -0
  26. package/build/AnimBox/frames/zoom.d.ts +12 -0
  27. package/build/AnimBox/index.d.ts +4 -0
  28. package/build/AnimBox/types.d.ts +27 -0
  29. package/build/index.d.ts +5 -6
  30. package/build/index.esm.js +1 -1
  31. package/build/index.js +1 -1
  32. package/package.json +76 -84
  33. package/build/components/AnimationTyping.d.ts +0 -4
  34. package/build/components/AnimationWrapper.d.ts +0 -3
  35. package/build/components/index.d.ts +0 -4
  36. package/build/components/types.d.ts +0 -26
package/package.json CHANGED
@@ -1,86 +1,78 @@
1
1
  {
2
- "name": "react-animate-z",
3
- "version": "1.1.0",
4
- "description": "React hook animate (lib)",
5
- "main": "build/index.js",
6
- "module": "build/index.esm.js",
7
- "browser": "build/index.js",
8
- "upkg": "build/index.min.js",
9
- "styles": "build/styles.css",
10
- "files": [
11
- "build"
12
- ],
13
- "types": "build/index.d.ts",
14
- "scripts": {
15
- "clean": "rimraf ./build",
16
- "build": "rollup -c",
17
- "cb": "npm run clean && npm run build",
18
- "test:watch": "jest --watch",
19
- "prepublishOnly": "npm run build"
20
- },
21
- "repository": {
22
- "type": "git",
23
- "url": "https://github.com/delpikye-v/react-animate.git"
24
- },
25
- "homepage": "https://github.com/delpikye-v/react-animate#readme",
26
- "keywords": [
27
- "react",
28
- "components",
29
- "animate",
30
- "react-animate",
31
- "basic-animate",
32
- "simple-animate",
33
- "lib",
34
- "animation",
35
- "react-animation",
36
- "basic-animation",
37
- "simple-animation",
38
- "react-animate-hook",
39
- "react-animate-hooks",
40
- "react-animate-lib",
41
- "react-animate-library",
42
- "react-animate-component"
43
- ],
44
- "author": "Delpi.Kye",
45
- "license": "MIT",
46
- "bugs": {
47
- "url": "https://github.com/delpikye-v/react-animate/issues"
48
- },
49
- "peerDependencies": {
50
- "react": ">=16.8.0",
51
- "react-dom": ">=16.8.0"
52
- },
53
- "devDependencies": {
54
- "@babel/cli": "^7.14.8",
55
- "@babel/core": "^7.15.0",
56
- "@babel/preset-env": "^7.16.11",
57
- "@babel/preset-react": "^7.16.7",
58
- "@babel/preset-typescript": "^7.16.7",
59
- "@rollup/plugin-commonjs": "^17.1.0",
60
- "@rollup/plugin-node-resolve": "^11.2.1",
61
- "@testing-library/jest-dom": "^5.14.1",
62
- "@testing-library/react": "^11.2.7",
63
- "@types/jest": "^24.9.1",
64
- "@types/react": "17.0.20",
65
- "@types/react-dom": "17.0.9",
66
- "babel-loader": "^8.2.2",
67
- "babel-preset-react-app": "^10.0.0",
68
- "jest": "^26.6.3",
69
- "react": "^17.0.2",
70
- "react-dom": "^17.0.2",
71
- "rimraf": "^3.0.2",
72
- "rollup": "^2.56.3",
73
- "rollup-plugin-copy": "^3.4.0",
74
- "rollup-plugin-peer-deps-external": "^2.2.4",
75
- "rollup-plugin-postcss": "^3.1.8",
76
- "rollup-plugin-terser": "^7.0.2",
77
- "rollup-plugin-typescript2": "^0.29.0",
78
- "ts-jest": "^26.5.6",
79
- "tslib": "^2.3.1",
80
- "typescript": "^4.4.2"
81
- },
82
- "dependencies": {
83
- "react-if-vz": "^1.0.0",
84
- "styled-components": ">=5.3.10"
85
- }
2
+ "name": "react-animate-z",
3
+ "version": "2.0.0",
4
+ "description": "Lightweight React animation library with Animate and AnimateTyping components, built using styled-components.",
5
+ "main": "build/index.js",
6
+ "module": "build/index.esm.js",
7
+ "browser": "build/index.js",
8
+ "unpkg": "build/index.min.js",
9
+ "style": "build/styles.css",
10
+ "files": [
11
+ "build"
12
+ ],
13
+ "types": "build/index.d.ts",
14
+ "scripts": {
15
+ "clean": "rimraf ./build",
16
+ "build": "rollup -c",
17
+ "cb": "npm run clean && npm run build",
18
+ "test:watch": "jest --watch",
19
+ "prepublishOnly": "npm run build"
20
+ },
21
+ "repository": {
22
+ "type": "git",
23
+ "url": "https://github.com/delpikye-v/react-animate.git"
24
+ },
25
+ "homepage": "https://github.com/delpikye-v/react-animate#readme",
26
+ "keywords": [
27
+ "react",
28
+ "animation",
29
+ "animate",
30
+ "react-animation",
31
+ "styled-components",
32
+ "typing-effect",
33
+ "animate-typing",
34
+ "react-animate-z",
35
+ "react-animate-library",
36
+ "react-animate-component"
37
+ ],
38
+ "author": "Delpi.Kye",
39
+ "license": "MIT",
40
+ "bugs": {
41
+ "url": "https://github.com/delpikye-v/react-animate/issues"
42
+ },
43
+ "peerDependencies": {
44
+ "react": ">=17.0.0 || >=18.0.0",
45
+ "react-dom": ">=17.0.0 || >=18.0.0"
46
+ },
47
+ "devDependencies": {
48
+ "@babel/cli": "^7.14.8",
49
+ "@babel/core": "^7.15.0",
50
+ "@babel/preset-env": "^7.16.11",
51
+ "@babel/preset-react": "^7.16.7",
52
+ "@babel/preset-typescript": "^7.16.7",
53
+ "@rollup/plugin-commonjs": "^17.1.0",
54
+ "@rollup/plugin-node-resolve": "^11.2.1",
55
+ "@testing-library/jest-dom": "^5.14.1",
56
+ "@testing-library/react": "^11.2.7",
57
+ "@types/jest": "^24.9.1",
58
+ "@types/react": "17.0.20",
59
+ "@types/react-dom": "17.0.9",
60
+ "babel-loader": "^8.2.2",
61
+ "babel-preset-react-app": "^10.0.0",
62
+ "jest": "^26.6.3",
63
+ "react": "^17.0.2",
64
+ "react-dom": "^17.0.2",
65
+ "rimraf": "^3.0.2",
66
+ "rollup": "^2.56.3",
67
+ "rollup-plugin-copy": "^3.4.0",
68
+ "rollup-plugin-peer-deps-external": "^2.2.4",
69
+ "rollup-plugin-terser": "^7.0.2",
70
+ "rollup-plugin-typescript2": "^0.29.0",
71
+ "ts-jest": "^26.5.6",
72
+ "tslib": "^2.3.1",
73
+ "typescript": "^4.4.2"
74
+ },
75
+ "dependencies": {
76
+ "styled-components": "^6.1.19"
77
+ }
86
78
  }
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IAnimationTypingProps } from './types';
3
- declare const AnimationTyping: React.FC<IAnimationTypingProps>;
4
- export default AnimationTyping;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { IAnimationProps } from './types';
3
- export declare const AnimateWrapper: React.FC<IAnimationProps>;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IAnimationProps } from './types';
3
- export declare const Animation: React.FC<IAnimationProps>;
4
- export default Animation;
@@ -1,26 +0,0 @@
1
- /// <reference types="react" />
2
- export type AnimateType = 'blur' | 'bounce' | 'effect3D' | 'flash' | 'float' | 'glowing' | 'jelly' | 'pulse' | 'shadow' | 'spin' | 'swing' | 'fadeIn' | 'fadeInFromLeft' | 'fadeInFromRight' | 'fadeInFromTop' | 'fadeInFromBottom' | 'fadeOut' | 'fadeOutToLeft' | 'fadeOutToRight' | 'fadeOutToTop' | 'fadeOutToBottom' | 'flip' | 'flipIn' | 'flipOut' | 'flipSlowDown' | 'flipFromTop' | 'flipToTop' | 'flipFromBottom' | 'flipToBottom' | 'flipFromLeftToCenter' | 'fold' | 'unfold' | 'hangOnLeft' | 'hangOnRight' | 'rotateSlowDown' | 'rotateCW' | 'rotateACW' | 'shakeMix' | 'shakeHorizontal' | 'shakeVertical' | 'squeezeMix' | 'squeezeHorizontal' | 'squeezeVertical' | 'slideInFromLeft' | 'slideInFromRight' | 'slideOutToLeft' | 'slideOutToRight' | 'slideInFromTop' | 'slideInFromBottom' | 'slideOutToTop' | 'slideOutToBottom' | 'zoomIn' | 'zoomOut' | 'popIn' | 'popOut' | 'rubberBand' | 'jello' | 'wobble' | 'rollIn' | 'jackInTheBox' | 'typewriter';
3
- export interface ICursorProps {
4
- cursorColor?: string | null;
5
- }
6
- export interface IAnimationTypingProps extends ICursorProps {
7
- heading?: string;
8
- className?: string;
9
- dataText?: string[] | string;
10
- children?: React.ReactNode | string[] | string;
11
- }
12
- export interface IBaseStyledElementProps {
13
- type?: AnimateType;
14
- duration?: string;
15
- timing?: 'ease' | 'easeIn' | 'easeOut' | 'easeInOut' | 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out';
16
- delay?: string;
17
- iteration?: string | number | 'infinite';
18
- direction?: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
19
- fillMode?: 'none' | 'forwards' | 'backwards' | 'both';
20
- }
21
- export interface IAnimationProps extends IBaseStyledElementProps, React.HTMLAttributes<HTMLDivElement> {
22
- tagName?: keyof JSX.IntrinsicElements | React.ElementType;
23
- children?: React.ReactNode | string;
24
- typingWrite?: IAnimationTypingProps;
25
- onAnimationEnd?: () => void;
26
- }