add deck option to disable touch events (#745)

Author: adamgyulavari

README.md

@@ -491,6 +491,7 @@ The Deck tag is the root level tag for your presentation. It supports the follow
 | contentHeight           | PropTypes.numbers | Baseline content area height.                                                                                                                                                                                                                                                 | `700px`         |
 | contentWidth            | PropTypes.numbers | Baseline content area width.                                                                                                                                                                                                                                                  | `1000px`        |
 | disableKeyboardControls | PropTypes.bool    | Toggle keyboard control.                                                                                                                                                                                                                                                      | `false`         |
+| disableTouchControls    | PropTypes.bool    | Toggle touch control.                                                                                                                                                                                                                                                         | `false`         |
 | onStateChange           | PropTypes.func    | Called whenever a new slide becomes visible with the arguments `(previousState, nextState)` where state refers to the outgoing and incoming `<Slide />`'s `state` props, respectively. The default implementation attaches the current state as a class to the document root. | see description |
 | history                 | PropTypes.object  | Accepts custom configuration for [history](https://github.com/ReactTraining/history).                                                                                                                                                                                         |                 |
 | progress                | PropTypes.string  | Accepts `pacman`, `bar`, `number` or `none`. To override the color, change the 'quaternary' color in the theme.                                                                                                                                                               | `pacman`        |

index.d.ts

@@ -169,6 +169,8 @@ declare module 'spectacle' {
     autoplayLoop?: boolean;
     autoplayOnStart?: boolean;
     controls?: boolean;
+    disableKeyboardControls?: boolean;
+    disableTouchControls?: boolean;
     globalStyles?: boolean;
     history?: any; // Needs a type, see https://github.com/ReactTraining/history
     showFullscreenControl?: boolean;

src/components/__snapshots__/manager.test.js.snap

@@ -19,6 +19,7 @@ exports[`<Manager /> should render correctly. 1`] = `
     contentWidth={1000}
     controls={true}
     disableKeyboardControls={false}
+    disableTouchControls={false}
     dispatch={[Function]}
     fragment={
       Object {
@@ -357,6 +358,7 @@ exports[`<Manager /> should render fullscreen button dependant on prop 1`] = `
     contentWidth={1000}
     controls={true}
     disableKeyboardControls={false}
+    disableTouchControls={false}
     dispatch={[Function]}
     fragment={
       Object {
@@ -663,6 +665,7 @@ exports[`<Manager /> should render the export configuration when specified. 1`]
     contentWidth={1000}
     controls={true}
     disableKeyboardControls={false}
+    disableTouchControls={false}
     dispatch={[Function]}
     fragment={
       Object {
@@ -798,6 +801,7 @@ exports[`<Manager /> should render the overview configuration when specified. 1`
     contentWidth={1000}
     controls={true}
     disableKeyboardControls={false}
+    disableTouchControls={false}
     dispatch={[Function]}
     fragment={
       Object {
@@ -959,6 +963,7 @@ exports[`<Manager /> should render with slideset slides 1`] = `
     contentWidth={1000}
     controls={true}
     disableKeyboardControls={false}
+    disableTouchControls={false}
     dispatch={[Function]}
     fragment={
       Object {

src/components/deck.js

@@ -30,6 +30,7 @@ export default class Deck extends Component {
     children: PropTypes.node,
     controls: PropTypes.bool,
     disableKeyboardControls: PropTypes.bool,
+    disableTouchControls: PropTypes.bool,
     globalStyles: PropTypes.bool,
     history: PropTypes.object,
     onStateChange: PropTypes.func,

src/components/manager.js

@@ -110,6 +110,7 @@ export class Manager extends Component {
     contentWidth: PropTypes.number,
     controls: PropTypes.bool,
     disableKeyboardControls: PropTypes.bool,
+    disableTouchControls: PropTypes.bool,
     dispatch: PropTypes.func,
     fragment: PropTypes.object,
     globalStyles: PropTypes.bool,
@@ -145,6 +146,7 @@ export class Manager extends Component {
     contentWidth: 1000,
     contentHeight: 700,
     disableKeyboardControls: false,
+    disableTouchControls: false,
     transition: [],
     transitionDuration: 500,
     progress: 'pacman',
@@ -636,6 +638,9 @@ export class Manager extends Component {
     }
   }
   _getTouchEvents() {
+    if (this.props.disableTouchControls) {
+      return {};
+    }
     const self = this;
 
     return {