@randy.tarampi/jsx/esm/lib/middleware/ui.js

Some common JSX components for www.randytarampi.ca

import { LOCATION_CHANGE } from "connected-react-router/immutable";
import clearError from "../actions/error/clearError";
import { SWIPEABLE_CHANGE_INDEX, SWIPEABLE_TAB_CHANGE_INDEX } from "../actions/routing";
import selectors from "../data/selectors";

var getSwipeableTabs = () => {
  var swipeableTabsElement = document.getElementsByClassName("nav-tabs__swipeable")[0];
  return swipeableTabsElement && typeof window.M !== "undefined" && window.M && window.M.Tabs.getInstance(swipeableTabsElement);
};

var getSwipeableTabsExpectedTabIndex = (state, action) => {
  var location = action.payload.location || action.payload;
  return selectors.getIndexForRoute(state, location.pathname);
};

var getSwipeableTabsExpectedTabId = (swipeableTabs, store, action) => {
  return swipeableTabs.$tabLinks[getSwipeableTabsExpectedTabIndex(store, action)].hash.slice(1);
};

var setSwipeableTabsIndex = (swipeableTabs, store, action) => {
  var state = store.getState();

  if (swipeableTabs.index !== getSwipeableTabsExpectedTabIndex(state, action)) {
    swipeableTabs.select(getSwipeableTabsExpectedTabId(swipeableTabs, state, action));
  }
};

export var uiMiddleware = store => next => action => {
  switch (action.type) {
    case LOCATION_CHANGE:
      {
        var swipeableTabs = getSwipeableTabs();

        if (swipeableTabs) {
          setSwipeableTabsIndex(swipeableTabs, store, action);
        } else {
          setTimeout(() => {
            var swipeableTabs = getSwipeableTabs();

            if (swipeableTabs) {
              setSwipeableTabsIndex(swipeableTabs, store, action);
            }
          }, 60);
        }

        break;
      }

    case SWIPEABLE_CHANGE_INDEX:
    case SWIPEABLE_TAB_CHANGE_INDEX:
      {
        store.dispatch(clearError());
        break;
      }
  }

  next(action);
};
export default uiMiddleware;