v0.8.0

Signed-off-by: Florian BOUILLON <florian.bouillon@delta-wings.net>

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dzeio/components",
-	"version": "0.7.4",
+	"version": "0.8.0",
 	"license": "MIT",
 	"main": "./index.js",
 	"types": "./types/index.d.ts",

rollup.config.js

@@ -13,7 +13,7 @@ export default [
 				autoModules: true,
 				mode: 'extract',
 				modules: {
-					generateScopedName: '[hash:8]'
+					generateScopedName: '[local][hash:5]'
 				}
 			}),
 			typescript({useTsconfigDeclarationDir: true}), // so Rollup can convert TypeScript to JavaScript

src/dzeio/Loader/Loader.module.styl

@@ -6,6 +6,7 @@
 	width 100%
 	height 7px
 	pointer-events none
+	z-index 200
 
 	top 0
 	&.hide

src/dzeio/Loader/index.tsx

@@ -4,9 +4,22 @@ import { buildClassName } from '../Util'
 import css from './Loader.module.styl'
 
 interface Props {
+	/**
+	 * The new Percentage (if you calculate it yourself)
+	 */
 	percent?: number
+
+	/**
+	 * Auto random loader
+	 */
 	auto?: {
+		/**
+		 * the minimum and maximum interval between two increment
+		 */
 		interval: [number, number]
+		/**
+		 * the minimum and maximum incrementation (MUST be an integer)
+		 */
 		increment: [number, number]
 	}
 }
@@ -15,6 +28,11 @@ interface State {
 	percent?: number
 }
 
+/**
+ * Display a simple loading animation at the top of the page
+ * 
+ * @version 1.0.0
+ */
 export default class Loader extends React.Component<Props, State> {
 
 	public state: State = {}

src/dzeio/Text/index.tsx

@@ -26,6 +26,6 @@ export default class Text extends React.Component<Props> {
 			return (<p className={classes}><em>{this.props.children}</em></p>)
 		}
 
-		return React.createElement(this.props.type || 'p', {className: classes})
+		return React.createElement(this.props.type || 'p', {className: classes, children: this.props.children})
 	}
 }