@randy.tarampi/jsx/esm/lib/containers/swipeableRoutes.js

Some common JSX components for www.randytarampi.ca

import { connect } from "react-redux";
import { withRouter } from "react-router";
import SwipeableViews from "react-swipeable-views";
import { bindKeyboard } from "react-swipeable-views-utils";
import { compose } from "redux";
import { swipeableChangeIndexCreator } from "../actions";
import selectors from "../data/selectors";
export var mapStateToProps = (state, _ref) => {
  var {
    location
  } = _ref;
  var swipeableIndex = selectors.getSwipeableIndex(state);
  var indexForRouterLocation = selectors.getIndexForRoute(state, location.pathname);
  var indexForRoute = Number.isInteger(indexForRouterLocation) ? indexForRouterLocation : undefined;
  var index = swipeableIndex !== null ? swipeableIndex : indexForRoute !== -1 ? indexForRoute : undefined;
  return {
    location,
    index,
    resistance: true,
    ignoreNativeScroll: true
  };
};
export var mapDispatchToProps = {
  onChangeIndex: swipeableChangeIndexCreator
};
export var ConnectedSwipeableRoutes = compose(withRouter, connect(mapStateToProps, mapDispatchToProps), bindKeyboard)(SwipeableViews);
export default ConnectedSwipeableRoutes;