[core] Random small fixes

.flowconfig

@@ -1,6 +1,6 @@
 [ignore]
 
-.*/node_modules/fbjs/*
+.*/node_modules/fbjs/lib/partitionObjectByKey*
 .*/node_modules/jss/lib/.*\.js\.flow
 .*/node_modules/react-swipeable-views/src/.*
 .*/scripts/*

docs/src/components/AppRouter.js

@@ -106,21 +106,21 @@ export default function AppRouter() {
           <Route
             title="Color"
             path="/style/color"
-            content={requireMarkdown('./style/color/color.md')}
+            content={requireMarkdown('./style/color.md')}
             component={MarkdownDocs}
             nav
           />
           <Route
             title="Icons"
             path="/style/icons"
-            content={requireMarkdown('./style/icons/icons.md')}
+            content={requireMarkdown('./style/icons.md')}
             component={MarkdownDocs}
             nav
           />
           <Route
             title="Typography"
             path="/style/typography"
-            content={requireMarkdown('./style/typography/typography.md')}
+            content={requireMarkdown('./style/typography.md')}
             component={MarkdownDocs}
             nav
           />

docs/src/pages/style/color/color.md → docs/src/pages/style/color.md

@@ -15,7 +15,7 @@ const primary = red[500]; // #F44336
 const accent = purple['A200']; // #E040FB
 ```
 
-{{demo='pages/style/color/Color.js'}}
+{{demo='pages/style/Color.js'}}
 
 ## Color schemes
 

docs/src/pages/style/icons/icons.md → docs/src/pages/style/icons.md

@@ -26,7 +26,7 @@ for example `<Icon>star</Icon>`.
 By default, an Icon will inherit the current text color.
 Optionally, you can set the icon color using one of the theme color properties: `accent`, `action`, `contrast`, `disabled`, `error`, & `primary`.
 
-{{demo='pages/style/icons/Icons.js'}}
+{{demo='pages/style/Icons.js'}}
 
 ### SVG Icons
 
@@ -36,7 +36,7 @@ and allows the icon to be styled and respond to mouse events.
 The resulting icon can be used as is,
 or included as a child for other Material-UI components that use icons.
 
-{{demo='pages/style/icons/SvgPaths.js'}}
+{{demo='pages/style/SvgPaths.js'}}
 
 We also provide a separate package,
 [material-ui-icons](https://www.npmjs.com/package/material-ui-icons),

docs/src/pages/style/typography/typography.md → docs/src/pages/style/typography.md

@@ -30,4 +30,4 @@ For more info checkout the [typeface](https://www.npmjs.com/package/typeface-rob
 
 ## Styles
 
-{{demo='pages/style/typography/TextTypes.js'}}
+{{demo='pages/style/TextTypes.js'}}

package.json

@@ -57,7 +57,7 @@
     "keycode": "^2.1.8",
     "lodash": "^4.17.4",
     "object-assign": "^4.1.1",
-    "react-event-listener": "^0.4.3",
+    "react-event-listener": "^0.4.4",
     "react-transition-group": "^1.1.1",
     "recompose": "^0.22.0",
     "warning": "^3.0.0"

src/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 // @flow weak
 
-import { PropTypes } from 'react';
+import React, { PropTypes } from 'react';
 import { createStyleSheet } from 'jss-theme-reactor';
 import { createSwitch } from '../internal/SwitchBase';
 import withSwitchLabel from '../internal/withSwitchLabel';
@@ -33,64 +33,63 @@ export { LabelCheckbox };
  * [Checkboxes](https://material.io/guidelines/components/selection-controls.html#selection-controls-checkbox)
  * allow the user to select multiple options from a set.
  */
-export class CheckboxDocs {
-  render() {}
-  static propTypes = {
-    /**
-     * If `true`, the component is checked.
-     */
-    checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-    /**
-     * The CSS class name of the root element when checked.
-     */
-    checkedClassName: PropTypes.string,
-    /**
-     * The icon to display when the component is checked.
-     */
-    checkedIcon: PropTypes.node,
-    /**
-     * The CSS class name of the root element.
-     */
-    className: PropTypes.string,
-    /**
-     * @ignore
-     */
-    defaultChecked: PropTypes.bool,
-    /**
-     * If `true`, the switch will be disabled.
-     */
-    disabled: PropTypes.bool,
-    /**
-     * The CSS class name of the root element when disabled.
-     */
-    disabledClassName: PropTypes.string,
-    /**
-     * The icon to display when the component is unchecked.
-     * If a string is provided, it will be used as a font ligature.
-     */
-    icon: PropTypes.node,
-    /*
-     * @ignore
-     */
-    name: PropTypes.string,
-    /**
-     * Callback fired when the state is changed.
-     *
-     * @param {object} event `change` event
-     * @param {boolean} checked The `checked` value of the switch
-     */
-    onChange: PropTypes.func,
-    /**
-     * If `false`, the ripple effect will be disabled.
-     */
-    ripple: PropTypes.bool,
-    /**
-     * @ignore
-     */
-    tabIndex: PropTypes.string,
-    /**
-     * The value of the component.
-     */
-    value: PropTypes.string,
-  };
-}
+export const CheckboxDocs = () => <span />;
+
+CheckboxDocs.propTypes = {
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  /**
+   * The CSS class name of the root element when checked.
+   */
+  checkedClassName: PropTypes.string,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: PropTypes.node,
+  /**
+   * The CSS class name of the root element.
+   */
+  className: PropTypes.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: PropTypes.bool,
+  /**
+   * If `true`, the switch will be disabled.
+   */
+  disabled: PropTypes.bool,
+  /**
+   * The CSS class name of the root element when disabled.
+   */
+  disabledClassName: PropTypes.string,
+  /**
+   * The icon to display when the component is unchecked.
+   * If a string is provided, it will be used as a font ligature.
+   */
+  icon: PropTypes.node,
+  /*
+   * @ignore
+   */
+  name: PropTypes.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event `change` event
+   * @param {boolean} checked The `checked` value of the switch
+   */
+  onChange: PropTypes.func,
+  /**
+   * If `false`, the ripple effect will be disabled.
+   */
+  ripple: PropTypes.bool,
+  /**
+   * @ignore
+   */
+  tabIndex: PropTypes.string,
+  /**
+   * The value of the component.
+   */
+  value: PropTypes.string,
+};

src/Radio/Radio.js

@@ -40,63 +40,62 @@ export { LabelRadio };
  * [Radio buttons](https://www.google.com/design/spec/components/selection-controls.html#selection-controls-radio-button)
  * are switches used for selection from multiple options.
  */
-export class RadioDocs {
-  render() {}
-  static propTypes = {
-    /**
-     * If `true`, the component appears selected.
-     */
-    checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-    /**
-     * The CSS class name of the root element when selected.
-     */
-    checkedClassName: PropTypes.string,
-    /**
-     * The icon to display when selected.
-     */
-    checkedIcon: PropTypes.node,
-    /**
-     * The CSS class name of the root element.
-     */
-    className: PropTypes.string,
-    /**
-     * @ignore
-     */
-    defaultChecked: PropTypes.bool,
-    /**
-     * If `true`, the component disabled.
-     */
-    disabled: PropTypes.bool,
-    /**
-     * The CSS class name of the root element when disabled.
-     */
-    disabledClassName: PropTypes.string,
-    /**
-     * The icon to display when the component is unselected.
-     */
-    icon: PropTypes.node,
-    /*
-     * @ignore
-     */
-    name: PropTypes.string,
-    /**
-     * Callback fired when the state is changed.
-     *
-     * @param {object} event `change` event
-     * @param {boolean} checked The `checked` value of the switch
-     */
-    onChange: PropTypes.func,
-    /**
-     * If `false`, the ripple effect will be disabled.
-     */
-    ripple: PropTypes.bool,
-    /**
-     * @ignore
-     */
-    tabIndex: PropTypes.string,
-    /**
-     * The value of the component.
-     */
-    value: PropTypes.string,
-  };
-}
+export const RadioDocs = () => <span />;
+
+RadioDocs.propTypes = {
+  /**
+   * If `true`, the component appears selected.
+   */
+  checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  /**
+   * The CSS class name of the root element when selected.
+   */
+  checkedClassName: PropTypes.string,
+  /**
+   * The icon to display when selected.
+   */
+  checkedIcon: PropTypes.node,
+  /**
+   * The CSS class name of the root element.
+   */
+  className: PropTypes.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: PropTypes.bool,
+  /**
+   * If `true`, the component disabled.
+   */
+  disabled: PropTypes.bool,
+  /**
+   * The CSS class name of the root element when disabled.
+   */
+  disabledClassName: PropTypes.string,
+  /**
+   * The icon to display when the component is unselected.
+   */
+  icon: PropTypes.node,
+  /*
+   * @ignore
+   */
+  name: PropTypes.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event `change` event
+   * @param {boolean} checked The `checked` value of the switch
+   */
+  onChange: PropTypes.func,
+  /**
+   * If `false`, the ripple effect will be disabled.
+   */
+  ripple: PropTypes.bool,
+  /**
+   * @ignore
+   */
+  tabIndex: PropTypes.string,
+  /**
+   * The value of the component.
+   */
+  value: PropTypes.string,
+};

src/Switch/Switch.js

@@ -142,5 +142,4 @@ Switch.contextTypes = {
   styleManager: customPropTypes.muiRequired,
 };
 
-
 export default Switch;

yarn.lock

@@ -4653,13 +4653,6 @@ react-addons-perf@^15.4.2:
     fbjs "^0.8.4"
     object-assign "^4.1.0"
 
-react-addons-shallow-compare@^15.4.2:
-  version "15.4.2"
-  resolved "https://registry.yarnpkg.com/react-addons-shallow-compare/-/react-addons-shallow-compare-15.4.2.tgz#027ffd9720e3a1e0b328dcd8fc62e214a0d174a5"
-  dependencies:
-    fbjs "^0.8.4"
-    object-assign "^4.1.0"
-
 react-addons-test-utils@^15.4.2:
   version "15.4.2"
   resolved "https://registry.yarnpkg.com/react-addons-test-utils/-/react-addons-test-utils-15.4.2.tgz#93bcaa718fcae7360d42e8fb1c09756cc36302a2"
@@ -4687,12 +4680,12 @@ react-dom@^15.4.2:
     loose-envify "^1.1.0"
     object-assign "^4.1.0"
 
-react-event-listener@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/react-event-listener/-/react-event-listener-0.4.3.tgz#a0aaa447555fbaa5c398a06b6ad47935bba961a8"
+react-event-listener@^0.4.4:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/react-event-listener/-/react-event-listener-0.4.4.tgz#af6552f06b5a4fa3f6df900bef0a7bba47cab39d"
   dependencies:
     babel-runtime "^6.20.0"
-    react-addons-shallow-compare "^15.4.2"
+    fbjs "^0.8.4"
     warning "^3.0.0"
 
 react-transition-group@^1.1.1: