Added docs and fix linting issues

Enact-DCO-1.0-Signed-off-by: Blake Stephens <[email protected]>

Author: Blake Stephens

packages/ui/Marquee/MarqueeController.js

@@ -1,6 +1,7 @@
 import {forward} from '@enact/core/handle';
 import hoc from '@enact/core/hoc';
 import {Job} from '@enact/core/util';
+import PropTypes from 'prop-types';
 import React from 'react';
 
 const STATE = {
@@ -46,6 +47,20 @@ const MarqueeController = hoc(defaultConfig, (config, Wrapped) => {
 	return class extends React.Component {
 		static displayName = 'MarqueeController'
 
+		static propTypes = /** @lends ui/Marquee.MarqueeController.prototype */ {
+			/**
+			 * Determines what triggers the marquee to start its animation.
+			 *
+			 * This property is passed down to any chirdren Marquee components, and is used there,
+			 * unless `marqueeOn` is specified for them as well.
+			 *
+			 * @type {('focus'|'hover'|'render')}
+			 * @default 'focus'
+			 * @public
+			 */
+			marqueeOn: PropTypes.oneOf(['focus', 'hover', 'render'])
+		}
+
 		constructor (props) {
 			super(props);
 

packages/ui/Marquee/MarqueeDecorator.js

@@ -308,13 +308,14 @@ const MarqueeDecorator = hoc(defaultConfig, (config, Wrapped) => {
 
 		static defaultProps = {
 			marqueeDelay: 1000,
-			// marqueeOn: 'focus',
 			marqueeOnRenderDelay: 1000,
 			marqueeResetDelay: 1000,
 			marqueeSpacing: '50%',
 			marqueeSpeed: 60
 		}
 
+		static contextType = MarqueeControllerContext
+
 		constructor (props) {
 			super(props);
 			this.state = {
@@ -405,8 +406,6 @@ const MarqueeDecorator = hoc(defaultConfig, (config, Wrapped) => {
 			off('keydown', this.handlePointerHide);
 		}
 
-		static contextType = MarqueeControllerContext
-
 		promoteJob = new Job(() => {
 			if (!this.contentFits) {
 				this.setState(state => state.promoted ? null : {promoted: true});
@@ -836,8 +835,6 @@ const MarqueeDecorator = hoc(defaultConfig, (config, Wrapped) => {
 				...rest
 			} = this.props;
 
-			console.log('marqueeOn:', marqueeOn, this.context && this.context.marqueeOn, children);
-
 			const marqueeOnFocus = marqueeOn === 'focus';
 			const marqueeOnHover = marqueeOn === 'hover';
 			const marqueeOnRender = marqueeOn === 'render';