React propTypes as static class properties

package.json

   },
   "devDependencies": {
     "babel-core": "*",
+    "babel-eslint": "^7.1.1",
     "babel-loader": "^6.2.8",
     "babel-polyfill": "*",
     "babel-preset-es2015": "^6.18.0",

react/.eslintrc.js

         'commonjs': true,
         'es6': true
     },
+    'parser': 'babel-eslint',
     'parserOptions': {
         'ecmaFeatures': {
             'experimentalObjectRestSpread': true,

react/features/app/components/AbstractApp.js

  * @abstract
  */
 export class AbstractApp extends Component {
+    /**
+     * AbstractApp component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        config: React.PropTypes.object,
+        store: React.PropTypes.object,
+
+        /**
+         * The URL, if any, with which the app was launched.
+         */
+        url: React.PropTypes.string
+    }
+
     /**
      * Init lib-jitsi-meet and create local participant when component is going
      * to be mounted.
         this.props.store.dispatch(appNavigate(url));
     }
 }
-
-/**
- * AbstractApp component's property types.
- *
- * @static
- */
-AbstractApp.propTypes = {
-    config: React.PropTypes.object,
-    store: React.PropTypes.object,
-
-    /**
-     * The URL, if any, with which the app was launched.
-     */
-    url: React.PropTypes.string
-};

react/features/app/components/App.native.js

  * @extends AbstractApp
  */
 export class App extends AbstractApp {
+    /**
+     * App component's property types.
+     *
+     * @static
+     */
+    static propTypes = AbstractApp.propTypes
+
     /**
      * Initializes a new App instance.
      *
         this._openURL(event.url);
     }
 }
-
-/**
- * App component's property types.
- *
- * @static
- */
-App.propTypes = AbstractApp.propTypes;

react/features/app/components/App.web.js

  * @extends AbstractApp
  */
 export class App extends AbstractApp {
+    /**
+     * App component's property types.
+     *
+     * @static
+     */
+    static propTypes = AbstractApp.propTypes
+
     /**
      * Initializes a new App instance.
      *
         return this._createElement(component, props);
     }
 }
-
-/**
- * App component's property types.
- *
- * @static
- */
-App.propTypes = AbstractApp.propTypes;

react/features/base/media/components/AbstractVideoTrack.js

  * @abstract
  */
 export class AbstractVideoTrack extends Component {
+    /**
+     * AbstractVideoTrack component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        dispatch: React.PropTypes.func,
+        videoTrack: React.PropTypes.object,
+        waitForVideoStarted: React.PropTypes.bool,
+
+        /**
+         * The z-order of the Video of AbstractVideoTrack in the stacking space
+         * of all Videos. For more details, refer to the zOrder property of the
+         * Video class for React Native.
+         */
+        zOrder: React.PropTypes.number
+    }
+
     /**
      * Initializes a new AbstractVideoTrack instance.
      *
     }
 }
 
-/**
- * AbstractVideoTrack component's property types.
- *
- * @static
- */
-AbstractVideoTrack.propTypes = {
-    dispatch: React.PropTypes.func,
-    videoTrack: React.PropTypes.object,
-    waitForVideoStarted: React.PropTypes.bool,
-
-    /**
-     * The z-order of the Video of AbstractVideoTrack in the stacking space of
-     * all Videos. For more details, refer to the zOrder property of the Video
-     * class for React Native.
-     */
-    zOrder: React.PropTypes.number
-};
-
 /**
  * Returns null if a specific value is falsy; otherwise, returns the specified
  * value.

react/features/base/media/components/native/Audio.js

  * around react-native-webrtc's RTCView.
  */
 export class Audio extends Component {
+    /**
+     * Audio component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        muted: React.PropTypes.bool,
+        stream: React.PropTypes.object
+    }
+
     /**
      * Implements React's {@link Component#render()}.
      *
         return null;
     }
 }
-
-/**
- * Audio component's property types.
- *
- * @static
- */
-Audio.propTypes = {
-    muted: React.PropTypes.bool,
-    stream: React.PropTypes.object
-};

react/features/base/media/components/native/Video.js

  * around react-native-webrtc's RTCView.
  */
 export class Video extends Component {
+    /**
+     * Video component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        mirror: React.PropTypes.bool,
+        muted: React.PropTypes.bool,
+        onPlaying: React.PropTypes.func,
+        stream: React.PropTypes.object,
+
+        /**
+         * Similarly to the CSS property z-index, specifies the z-order of this
+         * Video in the stacking space of all Videos. When Videos overlap,
+         * zOrder determines which one covers the other. A Video with a larger
+         * zOrder generally covers a Video with a lower one.
+         *
+         * Non-overlapping Videos may safely share a z-order (because one does
+         * not have to cover the other).
+         *
+         * The support for zOrder is platform-dependent and/or
+         * implementation-specific. Thus, specifying a value for zOrder is to be
+         * thought of as giving a hint rather than as imposing a requirement.
+         * For example, video renderers such as Video are commonly implemented
+         * using OpenGL and OpenGL views may have different numbers of layers in
+         * their stacking space. Android has three: a layer bellow the window
+         * (aka default), a layer bellow the window again but above the previous
+         * layer (aka media overlay), and above the window. Consequently, it is
+         * advisable to limit the number of utilized layers in the stacking
+         * space to the minimum sufficient for the desired display. For example,
+         * a video call application usually needs a maximum of two zOrder
+         * values: 0 for the remote video(s) which appear in the background, and
+         * 1 for the local video(s) which appear above the remote video(s).
+         */
+        zOrder: React.PropTypes.number
+    }
+
     /**
      * React Component method that executes once component is mounted.
      *
         return null;
     }
 }
-
-/**
- * Video component's property types.
- *
- * @static
- */
-Video.propTypes = {
-    mirror: React.PropTypes.bool,
-    muted: React.PropTypes.bool,
-    onPlaying: React.PropTypes.func,
-    stream: React.PropTypes.object,
-
-    /**
-     * Similarly to the CSS property z-index, specifies the z-order of this
-     * Video in the stacking space of all Videos. When Videos overlap, zOrder
-     * determines which one covers the other. A Video with a larger zOrder
-     * generally covers a Video with a lower one.
-     *
-     * Non-overlapping Videos may safely share a z-order (because one does not
-     * have to cover the other).
-     *
-     * The support for zOrder is platform-dependent and/or
-     * implementation-specific. Thus, specifying a value for zOrder is to be
-     * thought of as giving a hint rather than as imposing a requirement. For
-     * example, video renderers such as Video are commonly implemented using
-     * OpenGL and OpenGL views may have different numbers of layers in their
-     * stacking space. Android has three: a layer bellow the window (aka
-     * default), a layer bellow the window again but above the previous layer
-     * (aka media overlay), and above the window. Consequently, it is advisable
-     * to limit the number of utilized layers in the stacking space to the
-     * minimum sufficient for the desired display. For example, a video call
-     * application usually needs a maximum of two zOrder values: 0 for the
-     * remote video(s) which appear in the background, and 1 for the local
-     * video(s) which appear above the remote video(s).
-     */
-    zOrder: React.PropTypes.number
-};

react/features/base/media/components/native/VideoTrack.js

  * @extends AbstractVideoTrack
  */
 class VideoTrack extends AbstractVideoTrack {
+    /**
+     * VideoTrack component's property types.
+     *
+     * @static
+     */
+    static propTypes = AbstractVideoTrack.propTypes
+
     /**
      * Initializes a new VideoTrack instance.
      *
     }
 }
 
-/**
- * VideoTrack component's property types.
- *
- * @static
- */
-VideoTrack.propTypes = AbstractVideoTrack.propTypes;
-
 export default connect()(VideoTrack);

react/features/base/react/components/AbstractContainer.js

  * @extends Component
  */
 export default class AbstractContainer extends Component {
+    /**
+     * AbstractContainer component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        children: React.PropTypes.node,
+
+        /**
+         * The event handler/listener to be invoked when this AbstractContainer
+         * is clicked on Web or pressed on React Native. If onClick is defined
+         * and touchFeedback is undefined, touchFeedback is considered defined
+         * as true.
+         */
+        onClick: React.PropTypes.func,
+
+        /**
+         * The style (as in stylesheet) to be applied to this AbstractContainer.
+         */
+        style: React.PropTypes.object,
+
+        /**
+         * True if this instance is to provide visual feedback when touched;
+         * otherwise, false. If touchFeedback is undefined and onClick is
+         * defined, touchFeedback is considered defined as true.
+         */
+        touchFeedback: React.PropTypes.bool,
+
+        /**
+         * True if this AbstractContainer is to be visible or false if this
+         * instance is to be hidden or not rendered at all.
+         */
+        visible: React.PropTypes.bool
+    }
 
     /**
      * Renders this AbstractContainer as a React Component of a specific type.
         return React.createElement(type, filteredProps, children);
     }
 }
-
-/**
- * AbstractContainer component's property types.
- *
- * @static
- */
-AbstractContainer.propTypes = {
-    children: React.PropTypes.node,
-
-    /**
-     * The event handler/listener to be invoked when this AbstractContainer is
-     * clicked on Web or pressed on React Native. If onClick is defined and
-     * touchFeedback is undefined, touchFeedback is considered defined as true.
-     */
-    onClick: React.PropTypes.func,
-
-    /**
-     * The style (as in stylesheet) to be applied to this AbstractContainer.
-     */
-    style: React.PropTypes.object,
-
-    /**
-     * True if this instance is to provide visual feedback when touched;
-     * otherwise, false. If touchFeedback is undefined and onClick is defined,
-     * touchFeedback is considered defined as true.
-     */
-    touchFeedback: React.PropTypes.bool,
-
-    /**
-     * True if this AbstractContainer is to be visible or false if this instance
-     * is to be hidden or not rendered at all.
-     */
-    visible: React.PropTypes.bool
-};

react/features/base/react/components/Container.native.js

  * @extends AbstractContainer
  */
 export class Container extends AbstractContainer {
+    /**
+     * Container component's property types.
+     *
+     * @static
+     */
+    static propTypes = AbstractContainer.propTypes
 
     /**
      * Implements React's {@link Component#render()}.
         return component;
     }
 }
-
-/**
- * Container component's property types.
- *
- * @static
- */
-Container.propTypes = AbstractContainer.propTypes;

react/features/base/react/components/Link.native.js

  * and its href attribute.
  */
 export class Link extends Component {
+    /**
+     * Link component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        /**
+         * The children to be displayed within this Link.
+         */
+        children: React.PropTypes.node,
+
+        /**
+         * Notifies that this Link failed to open the URL associated with it.
+         */
+        onLinkingOpenURLRejected: React.PropTypes.func,
+
+        /**
+         * The CSS style to be applied to this Link for the purposes of display.
+         */
+        style: React.PropTypes.object,
+
+        /**
+         * The URL to be opened when this Link is clicked/pressed.
+         */
+        url: React.PropTypes.string
+    }
+
     /**
      * Initializes a new Link instance.
      *
             .catch(reason => this._onLinkingOpenURLRejected(reason));
     }
 }
-
-/**
- * Link component's property types.
- */
-Link.propTypes = {
-    /**
-     * The children to be displayed within this Link.
-     */
-    children: React.PropTypes.node,
-
-    /**
-     * Notifies that this Link failed to open the URL associated with it.
-     */
-    onLinkingOpenURLRejected: React.PropTypes.func,
-
-    /**
-     * The CSS style to be applied to this Link for the purposes of display.
-     */
-    style: React.PropTypes.object,
-
-    /**
-     * The URL to be opened when this Link is clicked/pressed.
-     */
-    url: React.PropTypes.string
-};

react/features/conference/components/Avatar.native.js

  * Display a participant avatar.
  */
 export default class Avatar extends Component {
+    /**
+     * Avatar component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        /**
+         * The optional style to add to an Avatar in order to customize its base
+         * look (and feel).
+         */
+        style: React.PropTypes.object,
+        uri: React.PropTypes.string
+    }
+
     /**
      * Implements React's {@link Component#render()}.
      *
         );
     }
 }
-
-/**
- * Avatar component's property types.
- *
- * @static
- */
-Avatar.propTypes = {
-
-    /**
-     * The optional style to add to an Avatar in order to customize its base
-     * look (and feel).
-     */
-    style: React.PropTypes.object,
-    uri: React.PropTypes.string
-};

react/features/conference/components/Conference.native.js

  * The conference page of the application.
  */
 class Conference extends Component {
+    /**
+     * Conference component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        dispatch: React.PropTypes.func
+    }
 
     /**
      * Initializes a new Conference instance.
     }
 }
 
-/**
- * Conference component's property types.
- *
- * @static
- */
-Conference.propTypes = {
-    dispatch: React.PropTypes.func
-};
-
 export default reactReduxConnect()(Conference);

react/features/conference/components/ParticipantView.native.js

  * @extends Component
  */
 class ParticipantView extends Component {
+    /**
+     * ParticipantView component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        /**
+         * The source (e.g. URI, URL) of the avatar image of the participant
+         * with {@link #participantId}.
+         *
+         * @private
+         */
+        _avatar: React.PropTypes.string,
+
+        /**
+         * The video Track of the participant with {@link #participantId}.
+         */
+        _videoTrack: React.PropTypes.object,
+
+        /**
+         * The style, if any, of the avatar in addition to the default style.
+         */
+        avatarStyle: React.PropTypes.object,
+
+        /**
+         * The ID of the participant (to be) depicted by ParticipantView.
+         *
+         * @public
+         */
+        participantId: React.PropTypes.string,
+
+        /**
+         * True if the avatar of the depicted participant is to be shown should
+         * the avatar be available and the video of the participant is not to be
+         * shown; otherwise, false. If undefined, defaults to true.
+         */
+        showAvatar: React.PropTypes.bool,
+
+        /**
+         * True if the video of the depicted participant is to be shown should
+         * the video be available. If undefined, defaults to true.
+         */
+        showVideo: React.PropTypes.bool,
+
+        /**
+         * The style, if any, to apply to ParticipantView in addition to its
+         * default style.
+         */
+        style: React.PropTypes.object,
+
+        /**
+         * The z-order of the Video of ParticipantView in the stacking space of
+         * all Videos. For more details, refer to the zOrder property of the
+         * Video class for React Native.
+         */
+        zOrder: React.PropTypes.number
+    }
 
     /**
      * Implements React's {@link Component#render()}.
     }
 }
 
-/**
- * ParticipantView component's property types.
- *
- * @static
- */
-ParticipantView.propTypes = {
-
-    /**
-     * The source (e.g. URI, URL) of the avatar image of the participant with
-     * {@link #participantId}.
-     *
-     * @private
-     */
-    _avatar: React.PropTypes.string,
-
-    /**
-     * The video Track of the participant with {@link #participantId}.
-     */
-    _videoTrack: React.PropTypes.object,
-
-    /**
-     * The style, if any, of the avatar in addition to the default style.
-     */
-    avatarStyle: React.PropTypes.object,
-
-    /**
-     * The ID of the participant (to be) depicted by ParticipantView.
-     *
-     * @public
-     */
-    participantId: React.PropTypes.string,
-
-    /**
-     * True if the avatar of the depicted participant is to be shown should the
-     * avatar be available and the video of the participant is not to be shown;
-     * otherwise, false. If undefined, defaults to true.
-     */
-    showAvatar: React.PropTypes.bool,
-
-    /**
-     * True if the video of the depicted participant is to be shown should the
-     * video be available. If undefined, defaults to true.
-     */
-    showVideo: React.PropTypes.bool,
-
-    /**
-     * The style, if any, to apply to ParticipantView in addition to its default
-     * style.
-     */
-    style: React.PropTypes.object,
-
-    /**
-     * The z-order of the Video of ParticipantView in the stacking space of all
-     * Videos. For more details, refer to the zOrder property of the Video class
-     * for React Native.
-     */
-    zOrder: React.PropTypes.number
-};
-
 /**
  * Converts the specified value to a boolean value. If the specified value is
  * undefined, returns the boolean value of undefinedValue.

react/features/filmStrip/components/FilmStrip.js

  * @extends Component
  */
 class FilmStrip extends Component {
+    /**
+     * FilmStrip component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        participants: React.PropTypes.array,
+        visible: React.PropTypes.bool.isRequired
+    }
+
     /**
      * Implements React's {@link Component#render()}.
      *
     }
 }
 
-/**
- * FilmStrip component's property types.
- *
- * @static
- */
-FilmStrip.propTypes = {
-    participants: React.PropTypes.array,
-    visible: React.PropTypes.bool.isRequired
-};
-
 /**
  * Function that maps parts of Redux state tree into component props.
  *

react/features/filmStrip/components/Thumbnail.js

  * @extends Component
  */
 class Thumbnail extends Component {
+    /**
+     * Thumbnail component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        audioTrack: React.PropTypes.object,
+        dispatch: React.PropTypes.func,
+        largeVideo: React.PropTypes.object,
+        participant: React.PropTypes.object,
+        videoTrack: React.PropTypes.object
+    }
+
     /**
      * Initializes new Video Thumbnail component.
      *
     }
 }
 
-/**
- * Thumbnail component's property types.
- *
- * @static
- */
-Thumbnail.propTypes = {
-    audioTrack: React.PropTypes.object,
-    dispatch: React.PropTypes.func,
-    largeVideo: React.PropTypes.object,
-    participant: React.PropTypes.object,
-    videoTrack: React.PropTypes.object
-};
-
 /**
  * Function that maps parts of Redux state tree into component props.
  *

react/features/largeVideo/components/LargeVideo.js

  * @extends Component
  */
 class LargeVideo extends Component {
+    /**
+     * LargeVideo component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        /**
+         * The ID of the participant (to be) depicted by LargeVideo.
+         *
+         * @private
+         */
+        _participantId: React.PropTypes.string
+    }
+
     /**
      * Implements React's {@link Component#render()}.
      *
     }
 }
 
-/**
- * LargeVideo component's property types.
- *
- * @static
- */
-LargeVideo.propTypes = {
-
-    /**
-     * The ID of the participant (to be) depicted by LargeVideo.
-     *
-     * @private
-     */
-    _participantId: React.PropTypes.string
-};
-
 /**
  * Maps (parts of) the Redux state to the associated LargeVideo's props.
  *

react/features/toolbar/components/AbstractToolbar.js

  * @abstract
  */
 export class AbstractToolbar extends Component {
+    /**
+     * AbstractToolbar component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        audioMuted: React.PropTypes.bool,
+        dispatch: React.PropTypes.func,
+        videoMuted: React.PropTypes.bool,
+        visible: React.PropTypes.bool.isRequired
+    }
+
     /**
      * Initializes a new AbstractToolbar instance.
      *
     }
 }
 
-/**
- * AbstractToolbar component's property types.
- *
- * @static
- */
-AbstractToolbar.propTypes = {
-    audioMuted: React.PropTypes.bool,
-    dispatch: React.PropTypes.func,
-    videoMuted: React.PropTypes.bool,
-    visible: React.PropTypes.bool.isRequired
-};
-
 /**
  * Maps parts of media state to component props.
  *

react/features/toolbar/components/AbstractToolbarButton.js

  * @abstract
  */
 export default class AbstractToolbarButton extends Component {
+    /**
+     * AbstractToolbarButton component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        /**
+         * The name of the Icon of this AbstractToolbarButton.
+         */
+        iconName: React.PropTypes.string,
+
+        /**
+         * The style of the Icon of this AbstractToolbarButton.
+         */
+        iconStyle: React.PropTypes.object,
+        onClick: React.PropTypes.func,
+        style:
+            React.PropTypes.oneOfType([
+                React.PropTypes.array,
+                React.PropTypes.object
+            ]),
+        underlayColor: React.PropTypes.any
+    }
 
     /**
      * Implements React's {@link Component#render()}.
         return React.createElement(type, props);
     }
 }
-
-/**
- * AbstractToolbarButton component's property types.
- *
- * @static
- */
-AbstractToolbarButton.propTypes = {
-
-    /**
-     * The name of the Icon of this AbstractToolbarButton.
-     */
-    iconName: React.PropTypes.string,
-
-    /**
-     * The style of the Icon of this AbstractToolbarButton.
-     */
-    iconStyle: React.PropTypes.object,
-    onClick: React.PropTypes.func,
-    style:
-        React.PropTypes.oneOfType([
-            React.PropTypes.array,
-            React.PropTypes.object
-        ]),
-    underlayColor: React.PropTypes.any
-};

react/features/toolbar/components/Toolbar.native.js

  * @extends AbstractToolbar
  */
 class Toolbar extends AbstractToolbar {
+    /**
+     * Toolbar component's property types.
+     *
+     * @static
+     */
+    static propTypes = AbstractToolbar.propTypes
+
     /**
      * Initializes a new Toolbar instance.
      *
     videoMutedIcon: 'camera-disabled'
 });
 
-/**
- * Toolbar component's property types.
- *
- * @static
- */
-Toolbar.propTypes = AbstractToolbar.propTypes;
-
 export default connect(mapStateToProps)(Toolbar);

react/features/toolbar/components/ToolbarButton.native.js

  * @extends AbstractToolbarButton
  */
 export default class ToolbarButton extends AbstractToolbarButton {
+    /**
+     * ToolbarButton component's property types.
+     *
+     * @static
+     */
+    static propTypes = AbstractToolbarButton.propTypes
 
     /**
      * Renders the button of this Toolbar button.
         return super._renderIcon(Icon);
     }
 }
-
-/**
- * ToolbarButton component's property types.
- *
- * @static
- */
-ToolbarButton.propTypes = AbstractToolbarButton.propTypes;

react/features/welcome/components/AbstractWelcomePage.js

  * @abstract
  */
 export class AbstractWelcomePage extends Component {
+    /**
+     * AbstractWelcomePage component's property types.
+     *
+     * @static
+     */
+    static propTypes = {
+        dispatch: React.PropTypes.func,
+        localVideoTrack: React.PropTypes.object,
+        room: React.PropTypes.string
+    }
+
     /**
      * Initializes a new AbstractWelcomePage instance, including the initial
      * state of the room name input.
     }
 }
 
-/**
- * AbstractWelcomePage component's property types.
- *
- * @static
- */
-AbstractWelcomePage.propTypes = {
-    dispatch: React.PropTypes.func,
-    localVideoTrack: React.PropTypes.object,
-    room: React.PropTypes.string
-};
-
 /**
  * Selects local video track from tracks in state, local participant and room
  * and maps them to component props. It seems it's not possible to 'connect'

react/features/welcome/components/WelcomePage.native.js

  * @extends AbstractWelcomePage
  */
 class WelcomePage extends AbstractWelcomePage {
+    /**
+     * WelcomePage component's property types.
+     *
+     * @static
+     */
+    static propTypes = AbstractWelcomePage.propTypes
+
     /**
      * Renders a prompt for entering a room name.
      *
     }
 }
 
-/**
- * WelcomePage component's property types.
- *
- * @static
- */
-WelcomePage.propTypes = AbstractWelcomePage.propTypes;
-
 export default connect(mapStateToProps)(WelcomePage);