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

Some common JSX components for www.randytarampi.ca

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.renderSwipeableRoutes = exports.RenderedSwipeableRoutesForLocation = exports.RenderedSwipeableRoutes = exports.renderRoute = void 0;

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireDefault(require("react"));

var _reactRouter = require("react-router");

var _reactRouterConfig = require("react-router-config");

var _containers = require("../containers");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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; }

var renderRoute = function renderRoute(routes, route, extraProps) {
  return function (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 = (0, _reactRouterConfig.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 = (0, _reactRouter.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["default"].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)


exports.renderRoute = renderRoute;

var buildRouteForRoutes = function buildRouteForRoutes(extraProps, routes) {
  return function (route, i) {
    return /*#__PURE__*/_react["default"].createElement(_reactRouter.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)
    });
  };
};

var RenderedSwipeableRoutes = function RenderedSwipeableRoutes(_ref) {
  var location = _ref.location,
      routes = _ref.routes,
      extraProps = _ref.extraProps,
      swipeableRoutesProps = _ref.swipeableRoutesProps;

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

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

  return null;
};

exports.RenderedSwipeableRoutes = RenderedSwipeableRoutes;
RenderedSwipeableRoutes.propTypes = {
  location: _propTypes["default"].object.isRequired,
  routes: _propTypes["default"].array.isRequired,
  extraProps: _propTypes["default"].object,
  swipeableRoutesProps: _propTypes["default"].object
};
var RenderedSwipeableRoutesForLocation = (0, _reactRouter.withRouter)(RenderedSwipeableRoutes);
exports.RenderedSwipeableRoutesForLocation = RenderedSwipeableRoutesForLocation;

var renderSwipeableRoutes = function renderSwipeableRoutes(routes, extraProps, swipeableRoutesProps) {
  return /*#__PURE__*/_react["default"].createElement(RenderedSwipeableRoutesForLocation, {
    routes: routes,
    extraProps: extraProps,
    swipeableRoutesProps: swipeableRoutesProps
  });
};

exports.renderSwipeableRoutes = renderSwipeableRoutes;
var _default = renderSwipeableRoutes;
exports["default"] = _default;