@randy.tarampi/jsx/esm/lib/util/renderSwipeableRoutes.js

Some common JSX components for www.randytarampi.ca

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import PropTypes from "prop-types";
import React from "react";
import { matchPath, Route, withRouter } from "react-router";
import { matchRoutes } from "react-router-config";
import { ConnectedSwipeableRoutes } from "../containers";
export var renderRoute = (routes, route, extraProps) => props => {
  // FIXME-RT: It'd be nice to not have to compute matches for every route here
  // NOTE-RT: Shamelessly stolen from https://github.com/sanfilippopablo/react-swipeable-routes/blob/master/src/index.js#L132
  var pathname = props.location.pathname;
  var matchedRoutes = matchRoutes(routes, pathname);
  var bestMatchedRoute = matchedRoutes[matchedRoutes.length - 1];
  var matchOptions = {
    path: route.path,
    exact: route.exact,
    strict: route.strict,
    sensitive: route.sensitive
  };
  var match = matchPath(pathname, matchOptions, bestMatchedRoute.route);

  if (match) {
    match.type = "full";
  } else {
    match = bestMatchedRoute.match;
    match.type = "none";
  }

  props.match = match;
  return match.type === "full" ? bestMatchedRoute.route.render ? bestMatchedRoute.route.render(_objectSpread(_objectSpread(_objectSpread({}, props), extraProps), bestMatchedRoute)) : /*#__PURE__*/React.createElement(bestMatchedRoute.route.component, _extends({}, props, extraProps, bestMatchedRoute)) : null;
}; // NOTE-RT: Shamelessly stolen from [`react-router-config^1.0.0-beta.4`](https://github.com/ReactTraining/react-router/blob/master/packages/react-router-config/modules/renderRoutes.js#L4)

var buildRouteForRoutes = (extraProps, routes) => (route, i) => /*#__PURE__*/React.createElement(Route // eslint-disable-line react/display-name
, {
  key: route.key || i,
  path: route.path,
  exact: route.exact,
  strict: route.strict,
  tab: route.tab,
  render: renderRoute(routes, route, extraProps)
});

export var RenderedSwipeableRoutes = (_ref) => {
  var {
    location,
    routes,
    extraProps,
    swipeableRoutesProps
  } = _ref;

  if (routes) {
    var swipeableRoutes = routes.filter(route => !!route.tab);
    var match = null;
    var matchedUnswipeableRoutes = [];
    routes.forEach(route => {
      if (match === null) {
        if (route.path) {
          match = matchPath(location.pathname, route);
        } else {
          matchedUnswipeableRoutes.push(route);
        }

        if (match !== null && !swipeableRoutes.includes(route)) {
          matchedUnswipeableRoutes.push(route);
        }
      }
    });
    return /*#__PURE__*/React.createElement("div", {
      className: "routes-container routes-container__swipeable"
    }, /*#__PURE__*/React.createElement(ConnectedSwipeableRoutes, swipeableRoutesProps, swipeableRoutes.map(buildRouteForRoutes(extraProps, routes))), matchedUnswipeableRoutes.map(buildRouteForRoutes(extraProps, routes)));
  }

  return null;
};
RenderedSwipeableRoutes.propTypes = {
  location: PropTypes.object.isRequired,
  routes: PropTypes.array.isRequired,
  extraProps: PropTypes.object,
  swipeableRoutesProps: PropTypes.object
};
export var RenderedSwipeableRoutesForLocation = withRouter(RenderedSwipeableRoutes);
export var renderSwipeableRoutes = (routes, extraProps, swipeableRoutesProps) => {
  return /*#__PURE__*/React.createElement(RenderedSwipeableRoutesForLocation, {
    routes: routes,
    extraProps: extraProps,
    swipeableRoutesProps: swipeableRoutesProps
  });
};
export default renderSwipeableRoutes;