Initial commit

Author: Daniel Gómez

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 BlackBox Vision
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,51 @@
+# Styled Animation
+> Handle animations with style.
+
+
+
+##Installation
+
+**YARN**
+
+```javascript
+yarn add styled-animation
+```
+
+**NPM**
+
+```javascript
+npm install --save styled-animation
+```
+
+##Usage
+
+The usage is really simple:
+
+```javascript
+import { Animation } from 'styled-animation';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+const Example = (
+    <Animation name="fadeInOut" duration="2s" timing="ease-out>
+        Hey!, i'm animated!
+    </Animation>
+);
+
+ReactDOM.render(<Example />, document.getElementById("root");
+```
+
+styled-animations supports all the animations provided by react-animations
+
+
+##Issues
+
+If you found a bug, or you have an answer, or whatever. Please, open an [issue](https://github.com/BlackBoxVision/styled-animation/issues). I will do the best to fix it, or help you.
+
+##Contributing
+
+Of course, if you see something that you want to upgrade from this library, or a bug that needs to be solved, **PRs are welcome!**
+
+##License
+
+Distributed under the **MIT license**. See [LICENSE](https://github.com/BlackBoxVision/styled-animation/blob/master/LICENSE) for more information.

package.json

@@ -0,0 +1,38 @@
+{
+  "name": "styled-animation",
+  "version": "1.0.0",
+  "description": "Multer Storage Engine to save uploads directly to MongoDB GridFS",
+  "main": "dist/index.js",
+  "scripts": {
+    "clean": "rimraf ./dist",
+    "compile": "babel ./src -d ./dist",
+    "build": "yarn run clean && yarn run compile",
+    "yarn-publish": "yarn run build && yarn publish",
+    "test": "mocha ./test --compilers js:babel-register --require babel-polyfill",
+    "coverage": "babel-node ./node_modules/.bin/isparta cover _mocha"
+  },
+  "repository": "git+https://github.com/BlackBoxVision/styled-animation.git",
+  "keywords": [
+    "styled-component",
+    "animate.css",
+    "react-animations"
+  ],
+  "author": "BlackBox Vision",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/BlackBoxVision/styled-animation/issues"
+  },
+  "homepage": "https://github.com/BlackBoxVision/multer-gridfs#readme",
+  "dependencies": {
+    "gridfs-stream": "^1.1.1",
+    "react-animations": "^0.1.0",
+    "styled-components": "^2.0.0"
+  },
+  "devDependencies": {
+    "babel-cli": "^6.22.2",
+    "babel-preset-babili": "^0.0.10",
+    "babel-preset-es2015": "^6.22.0",
+    "babel-preset-stage-0": "^6.22.0",
+    "rimraf": "^2.5.4"
+  }
+}

src/index.js

@@ -0,0 +1 @@
+export Animation from './lib/Animation';

src/lib/Animation.js

@@ -0,0 +1,13 @@
+import styled, { keyframes } from 'styled-components';
+
+import * as animations from 'react-animations';
+
+const frames = (name) => keyframes`
+   ${animations[name]}
+`;
+
+const Animation = styled.div`
+    animation: ${({name}) => frames(name)} ${({duration}) => duration? duration : "1s"} ${({timing}) => timing? timing : "ease"};
+`;
+
+export default Animation;