fix: fix <Audio> autoPlay came-casing

Author: streamich

README.md

@@ -3,7 +3,7 @@
 React utility belt.
 
   - Collection of React goodies
-  - Isomorphic - all components work in the browser and in Node
+  - Isomorphic - all components work in browser and Node
   - [See demos and docs](https://mailonline.github.io/mol-fe-react/)
 
 ## Installation

docs/Audio.md

@@ -7,7 +7,7 @@ FaCC that creates an `<audio>` element to play audio tracks, re-renders on audio
 ```jsx
 import {Audio} from 'mol-fe-react/lib/Audio';
 
-<Audio autoplay src='https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3'>{(control, state) => {
+<Audio autoPlay src='https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3'>{(control, state) => {
   JSON.stringify(state, null, 4)
 }}</Audio>
 ```
@@ -19,7 +19,7 @@ In addition to props below also accepts all [React's media events](https://react
 ```tsx
 export interface IAudioProps {
   src: string;
-  autoplay?: boolean;
+  autoPlay?: boolean;
   loop?: boolean;
   muted?: boolean;
   preload?: 'none' | 'metadata' | 'auto';
@@ -29,7 +29,7 @@ export interface IAudioProps {
 ```
 
   - `src` - required, string, audio source file URL.
-  - `autoplay` - optional, boolean, whether to autoplay audio, defaults to `false`.
+  - `autoPlay` - optional, boolean, whether to autoplay audio, defaults to `false`.
   - `loop` - optional, boolean, whether to repeat the track when it ends, defaults to `false`.
   - `muted` - optional, boolean, whether to mute the audio, defaults to `false`.
   - `preload` - optional, string, `<audio>` element preload attribute.

src/Audio/index.ts

@@ -6,7 +6,7 @@ export type TAudioEvent = (event, Audio, IAudioState) => void;
 export interface IAudioProps {
   src: string;
   children?: (...args) => React.ReactElement<any>;
-  autoplay?: boolean;
+  autoPlay?: boolean;
   loop?: boolean;
   muted?: boolean;
   preload?: 'none' | 'metadata' | 'auto';
@@ -62,7 +62,7 @@ export class Audio extends Component<IAudioProps, IAudioState> {
   };
 
   componentDidMount () {
-    if (this.props.autoplay && this.el.paused) {
+    if (this.props.autoPlay && this.el.paused) {
       this.play();
     }
 
@@ -170,14 +170,14 @@ export class Audio extends Component<IAudioProps, IAudioState> {
 
   render () {
     const {props, event} = this;
-    const {children, src, autoplay, loop, muted, preload, volume, noJs = noop as any} = props;
+    const {children, src, autoPlay, loop, muted, preload, volume, noJs = noop as any} = props;
 
 
     const audio = h('audio', {
       ref: this.ref,
       controls: false,
       src,
-      autoplay,
+      autoPlay,
       loop,
       muted,
       preload,

src/Audio/story.tsx

@@ -10,7 +10,7 @@ const src = 'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3';
 storiesOf('Generators/Audio', module)
   .add('Documentation', () => h(ShowDocs, {name: 'Audio'}))
   .add('Example', () =>
-    <Audio autoplay src={src}>{(audio) =>
+    <Audio autoPlay src={src}>{(audio) =>
       <div>
         Hello audio!
       </div>

src/Vibrate/story.tsx

@@ -6,7 +6,7 @@ import {Vibrate} from '.';
 import ShowDocs from '../../.storybook/ShowDocs'
 
 storiesOf('Generators/Vibrate', module)
-  .add('Documentation', () => h(ShowDocs, {name: 'SizeSensor'}))
+  .add('Documentation', () => h(ShowDocs, {name: 'Vibrate'}))
   .add('One beep', () =>
     <div>
       <Vibrate ms={200} />