chrisregner

import React from 'react'
import styled from 'styled-components'
import L from 'leaflet'
import d3 from 'services/d3'
import * as topojson from 'topojson-client'

import 'leaflet/dist/leaflet.css'

/*===========================================================
=            Leaflet assets importing issues fix            =

chrisregner

import { assert } from 'chai'
import { curry, forEachObjIndexed }  from 'ramda'

const find = (wrapper, matcher) =>
  wrapper.findWhere(x =>
    x.prop('data-test') &&
    x.prop('data-test')
      .trim()
      .split(' ')
      .includes(matcher)

chrisregner

const customisableStyledComponents = (componentFactory, defaultStyledCmpts) =>
  (overrideStyledCmpts = {}) => {
    const customisedCmpts = Object.entries(overrideStyledCmpts)
      .map(([componentName, customiseCmptFn]) =>
        [componentName, customiseCmptFn(defaultStyledCmpts[componentName])])
      .reduce((acc, [k, v]) =>
        ({ ...acc, [k]: v }), {});
    const mergedComponents = { ...defaultStyledCmpts, ...customisedCmpts };

    return componentFactory(mergedComponents);

chrisregner

import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";
import debounce from "lodash/debounce";

class OverflowShadow extends React.Component {
  state = { scrollPos: null }

  componentDidMount = () => {
    const el = this.containerRef.current