Remove delayTime from API and set autoClose boolean and number | F…

…ixes liferay#910

`autoClose` to true follows the default values and when number follows the values passed by the API.

Default times:
Stripe: 5s
Toast: 8s

packages/clay-alert/src/ClayAlertBase.js

@@ -4,7 +4,7 @@ import Component from 'metal-component';
 import defineWebComponent from 'metal-web-component';
 import Soy from 'metal-soy';
 import {Config} from 'metal-state';
-import {isServerSide} from 'metal';
+import {isServerSide, isNumber} from 'metal';
 
 import templates from './ClayAlertBase.soy.js';
 
@@ -118,11 +118,10 @@ class ClayAlertBase extends Component {
 			this.autoClose &&
 			(this.type === 'stripe' || this.type === 'toast')
 		) {
-			if (this.delayTime) {
-				this._delayTime = this.delayTime * 1000;
+			if (isNumber(this.autoClose)) {
+				this._delayTime = this.autoClose * 1000;
 			} else {
-				this._delayTime =
-					(this.element.querySelector('a') ? 10 : 5) * 1000;
+				this._delayTime = (this.type === 'toast' ? 8 : 5) * 1000;
 			}
 
 			this._resumeTimeout();
@@ -156,13 +155,17 @@ ClayAlertBase.STATE = {
 		.value(true),
 
 	/**
-	 * Flag to indicate if alert should be automatically closed.
+	 * Flag to `true` to indicate whether the alert should be closed 
+	 * automatically with the default time.
 	 * @default false
 	 * @instance
 	 * @memberof ClayAlertBase
-	 * @type {?bool}
+	 * @type {?(bool|number)}
 	 */
-	autoClose: Config.bool().value(false),
+	autoClose: Config.oneOfType([
+		Config.bool().value(false),
+		Config.number()
+	]),
 
 	/**
 	 * Flag to indicate if the alert is closeable.
@@ -182,15 +185,6 @@ ClayAlertBase.STATE = {
 	 */
 	destroyOnHide: Config.bool().value(false),
 
-	/**
-	 * Set time per second for alert autoclose.
-	 * @default undefineds
-	 * @instance
-	 * @memberof ClayAlertBase
-	 * @type {?number}
-	 */
-	delayTime: Config.number(),
-
 	/**
 	 * CSS classes to be applied to the element.
 	 * @default undefined

packages/clay-alert/src/ClayStripe.js

@@ -44,13 +44,17 @@ class ClayStripe extends Component {
  */
 ClayStripe.STATE = {
 	/**
-	 * Flag to indicate if alert should be automatically closed.
+	 * Flag to `true` to indicate whether the alert should be closed 
+	 * automatically with the default time.
 	 * @default false
 	 * @instance
 	 * @memberof ClayStripe
-	 * @type {?bool}
+	 * @type {?(bool|number)}
 	 */
-	autoClose: Config.bool().value(false),
+	autoClose: Config.oneOfType([
+		Config.bool().value(false),
+		Config.number()
+	]),
 
 	/**
 	 * Flag to indicate if the alert should be destroyen when close.

packages/clay-alert/src/ClayStripe.soy

@@ -8,7 +8,7 @@
 	{@param spritemap: string}
 	{@param title: string}
 	{@param? _handleHide: any}
-	{@param? autoClose: bool}
+	{@param? autoClose: bool|number}
 	{@param? elementClasses: string}
 	{@param? id: string}
 	{@param? style: string}

packages/clay-alert/src/ClayToast.js

@@ -44,13 +44,17 @@ class ClayToast extends Component {
  */
 ClayToast.STATE = {
 	/**
-	 * Flag to indicate if alert should be automatically closed.
+	 * Flag to `true` to indicate whether the alert should be closed 
+	 * automatically with the default time.
 	 * @default false
 	 * @instance
 	 * @memberof ClayToast
-	 * @type {?bool}
+	 * @type {?(bool|number)}
 	 */
-	autoClose: Config.bool().value(false),
+	autoClose: Config.oneOfType([
+		Config.bool().value(false),
+		Config.number()
+	]),
 
 	/**
 	 * Flag to indicate if the alert should be destroyen when close.

packages/clay-alert/src/ClayToast.soy

@@ -8,15 +8,14 @@
 	{@param spritemap: string}
 	{@param title: string}
 	{@param? _handleHide: any}
-	{@param? autoClose: bool}
+	{@param? autoClose: bool|number}
 	{@param? elementClasses: string}
 	{@param? id: string}
 	{@param? style: string}
 
 	{call ClayAlertBase.render}
 		{param autoClose: $autoClose /}
 		{param closeable: true /}
-		{param delayTime: 8 /}
 		{param elementClasses: $elementClasses /}
 		{param events: ['hide': $_handleHide ] /}
 		{param id: $id /}