{"version":3,"sources":["webpack:///./src/components/overlay-modal/component.js","webpack:///./src/components/chart-line-partisan/line.js","webpack:///./src/components/chart-line-partisan/component.js","webpack:///./src/components/chart-line-partisan/index.js","webpack:///./src/components/chart-utils/axis.js"],"names":["_class","Component","constructor","props","super","_defineProperty","this","overlayMarkup","className","isOpen","wrapper","refocusElement","childProps","pageBody","setAttribute","childrenWithProps","React","cloneElement","onClose","updateAriaHidden","createPortal","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","id","aria-hidden","state","role","aria-labelledby","aria-describedby","tabIndex","onClick","type","aria-label","el","parentNode","removeChild","removeOverlay","focus","document","querySelector","[object Object]","componentDidMount","componentDidUpdate","prevProps","prevState","setState","render","createOverlay","bool","updateState","func","object","isRequired","element","string","data","array","Line","svgRef","current","style","margin","domToPng","then","dataUrl","link","download","chart","heading","href","click","setTimeout","slice","map","i","date","Date","month","substring","value","index","length","sanitizedChartData","start","end","allChartData","initialDateRangeData","outerIt","yearIt","isUniqueYear","monthIt","dateRangeObj","year","getFullYear","months","dateRangeDataIndex","monthObj","push","dataLength","initialOptions","forEach","obj","label","reverse","concat","recessionPeriods","currChartData","domain","minValue","maxValue","g","yAxisFunc","call","select","remove","selectAll","attr","xAxisFunc","yearGap","chartData","d","lineFunc","line","x","xScale","y","yScale","react_default","stroke","chartColors","strokeWidth","fill","areaArr","jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec","recession","recessionStartMonth","toLowerCase","displayStartMonth","chartDisplayYears","recessionEndMonth","displayEndMonth","isNaN","getTime","height","max","recessionArea","dStart","dEnd","recessionFunc","area","y0","y1","key","ref","toolTipRef","tooltipData","backgroundColor","toFixed","currData","getMonth","e","scrubberRef","opacity","lines","lineRef","childNodes","yEndVal","marginBottom","marginTop","pageMarginLeft","pageWrapper","offsetLeft","chartLineMarginLeft","componentWrapper","mouseX","pageX","pageMarginTop","offsetTop","chartLineMarginTop","yOffset","pageY","yVal","Math","abs","xOffset","xVal","marginLeft","invert","bisectDate","bisector","left","d0","d1","dataMonth","dataYear","updateToolTip","getAttribute","display","top","startTooltip","tooltipWidth","getBoundingClientRect","width","centerChart","marginRight","Array","from","getElementsByClassName","hoverDot","num","ceil","scaleTime","rangeRound","scaleLinear","round","nice","axisBottom","tickSizeInner","ticks","timeYear","every","tickFormat","timeFormat","timeMonth","axisRight","tickSize","dateRangeData","rangeStart","rangeEnd","startSelectedMonth","isStartRange","finalDate","finalMonth","startIndex","startSliceIndex","endYear","dateRangeEnd","currEndMonth","endSelectedMonth","currEndYear","endSelectedYear","monthOpts","getMonthOptions","endMonthOpts","endYearOpts","getEndYearOptions","currDisplayYears","getDomain","startSelectedYear","startRangeMonthOpts","dateRangeStart","endRangeYearOpts","endRangeMonthOpts","endIndex","control","styles","borderRadius","minHeight","menu","indicatorSeparator","dropdownIndicator","transform","isFocused","overlay","body","insertAdjacentElement","overlayWrapper","createOverlayWrapper","refocus","react","dangerouslySetInnerHTML","__html","component","initialChartDisplayYears","initialStartEndRange","startRangeYearOpts","initialStartRangeYearOpts","initialStartSelectedMonth","initialStartYear","initialEndYear","initialEndSelectedMonth","columnRowLabels","sanitizeChartData","initializeChartDisplayYears","initializeDateRangeData","initializeStartEndRangeData","initializeStartRangeYearOtps","initializeRecessionPeriods","createRef","modalRef","headerRef","subHeaderRef","addEventListener","downloadChart","shouldComponentUpdate","nextProps","nextState","toolTipUpdated","yearUpdated","monthUpdated","outerWidth","outerHeight","translate","showMonthlyAxis","makeXScale","makeYScale","yearXAxis","makeYearXAxis","monthXAxis","makeMonthXAxis","yAxis","makeYAxis","customStyles","getSelectStyles","htmlFor","react_select_browser_esm","name","options","onChange","handleStartYearChange","handleStartMonthChange","handleEndYearChange","handleEndMonthChange","resetDates","data-desc","fontSize","fontFamily","subHeading","lastUpdated","yAxisTitle","toUpperCase","renderRecessionPeriod","chart_utils_axis","axis","customAxis","customYAxis","axisType","customXYearAxis","renderLines","r","onMouseMove","handleSliderHover","onFocus","onMouseOut","handleSliderOut","onBlur","disclaimer","notes","sources","renderOverlay","renderToolTip","arrayOf","oneOfType","number","objectOf","component_class","component_defineProperty","offsetWidth","svg","window","handleResize","componentWillUnmount","removeEventListener","Chart","forwardRef","line_Line","saveButton","instanceOf","HTMLElement","chart_line_partisan_class","config","Object","assign","ready","attributes","downloadUrl","file","Axis","axisRef","renderAxis","d3","react__WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"assets/js/chart-line-partisan.js","sourcesContent":["import './css/index.css';\r\nimport React, { Component } from 'react';\r\nimport { bool, object, element, func, string, array } from 'prop-types';\r\nimport { createPortal } from 'react-dom';\r\n\r\nexport default class extends Component {\r\n\r\n    static propTypes = {\r\n        isOpen: bool,\r\n        updateState: func,\r\n        wrapper: object.isRequired,\r\n        refocusElement: object,\r\n        overlayMarkup: element,\r\n        className: string,\r\n        data: array\r\n    };\r\n\r\n    constructor( props ) {\r\n\r\n        super( props );\r\n\r\n        this.state = { isOpen: props.isOpen };\r\n\r\n        this.pageBody = document.querySelector( 'body' );\r\n\r\n    }\r\n\r\n    static getDerivedStateFromProps( props ) {\r\n\r\n        return { isOpen: props.isOpen };\r\n\r\n    }\r\n\r\n    componentDidMount() {\r\n\r\n        document.querySelector( '.info-overlay .info-overlay-content .info-overlay-close' ).focus();\r\n\r\n    }\r\n\r\n    componentDidUpdate( prevProps, prevState ) {\r\n\r\n        if ( this.props.isOpen !== this.state.isOpen && prevState.isOpen === this.state.isOpen ) {\r\n\r\n            this.setState( { isOpen: this.props.isOpen } );\r\n\r\n        }\r\n\r\n    }\r\n\r\n    createOverlay = () => {\r\n\r\n        const { overlayMarkup, className, isOpen, wrapper, refocusElement, ...childProps } = this.props;\r\n\r\n        this.pageBody.setAttribute( 'aria-hidden', true );\r\n\r\n        const childrenWithProps = React.cloneElement( overlayMarkup, { onClose: this.updateAriaHidden, ...childProps } );\r\n\r\n\r\n        return (\r\n            createPortal(\r\n                <div\r\n                    className={ `info-overlay-content ${ className }` }\r\n                    id='info-overlay-content'\r\n                    aria-hidden={ this.state.isOpen ? false : true }\r\n                    role={ this.state.isOpen ? 'dialog' : '' }\r\n                    aria-labelledby='overlay-title'\r\n                    aria-describedby='overlay-header'\r\n                    tabIndex='-1'\r\n                >\r\n                    <button\r\n                        tabIndex='0'\r\n                        onClick={ this.updateAriaHidden }\r\n                        className='info-overlay-close'\r\n                        type='button' aria-label='Close'\r\n                        aria-labelledby='overlay-title'\r\n                        aria-describedby='overlay-body'\r\n                    >\r\n                        &times;\r\n                    </button>\r\n                    <div className='info-overlay-markup'>{ childrenWithProps }</div>\r\n                </div>,\r\n                this.props.wrapper\r\n            )\r\n        );\r\n\r\n    };\r\n\r\n    removeOverlay = () => {\r\n\r\n        const el = this.props.wrapper;\r\n\r\n        if ( el ) {\r\n\r\n            el.parentNode.removeChild( el );\r\n\r\n        }\r\n\r\n    };\r\n\r\n    updateAriaHidden = () => {\r\n\r\n        this.pageBody.setAttribute( 'aria-hidden', false );\r\n\r\n        this.removeOverlay();\r\n\r\n        this.props.refocusElement ? this.props.refocusElement.focus() : null;\r\n\r\n\r\n        return null;\r\n\r\n    };\r\n\r\n    render() {\r\n\r\n        return this.state.isOpen ? this.createOverlay() : this.updateAriaHidden();\r\n\r\n    }\r\n\r\n}\r\n","import React, { Component, createRef, Fragment } from 'react';\r\nimport { render } from 'react-dom';\r\nimport { object, arrayOf, objectOf, string, number, oneOfType, array } from 'prop-types';\r\nimport { bisector, max } from 'd3-array';\r\nimport { scaleTime, scaleLinear } from 'd3-scale';\r\nimport { axisRight, axisBottom } from 'd3-axis';\r\nimport { timeYear, timeMonth } from 'd3-time';\r\nimport { timeFormat } from 'd3-time-format';\r\nimport { line, area } from 'd3-shape';\r\nimport { select } from 'd3-selection';\r\nimport Axis from 'components/chart-utils/axis';\r\nimport OverlayModal from 'components/overlay-modal/component';\r\nimport Select from 'react-select';\r\nimport { domToPng } from 'modern-screenshot';\r\n\r\nexport default class Line extends Component {\r\n\r\n    static propTypes = {\r\n        data: arrayOf( oneOfType( [ string, number, array ] ) ).isRequired,\r\n        chart: objectOf( oneOfType( [ string, array ] ) ).isRequired,\r\n        height: number.isRequired,\r\n        width: number.isRequired,\r\n        marginBottom: number.isRequired,\r\n        marginLeft: number.isRequired,\r\n        marginRight: number.isRequired,\r\n        marginTop: number.isRequired,\r\n        svgRef: object.isRequired,\r\n        disclaimer: object,\r\n        pageWrapper: object.isRequired,\r\n        componentWrapper: object.isRequired,\r\n        overlay: objectOf( string ).isRequired\r\n    };\r\n\r\n    constructor( props ) {\r\n\r\n        super( props );\r\n\r\n        this.columnRowLabels = Array.from( this.props.data[0] );\r\n        this.sanitizedChartData = this.sanitizeChartData();\r\n        this.initialChartDisplayYears = this.initializeChartDisplayYears();\r\n        this.initialDateRangeData = this.initializeDateRangeData();\r\n        this.initialStartEndRange = this.initializeStartEndRangeData();\r\n        this.initialStartRangeYearOpts = this.initializeStartRangeYearOtps();\r\n\r\n        this.initialStartSelectedMonth = {\r\n            value: this.initialChartDisplayYears.start.index,\r\n            label: this.initialChartDisplayYears.start.month\r\n        };\r\n\r\n        this.initialEndSelectedMonth = {\r\n            value: this.initialChartDisplayYears.end.index,\r\n            label: this.initialChartDisplayYears.end.month\r\n        };\r\n\r\n        this.recessionPeriods = this.initializeRecessionPeriods();\r\n\r\n        this.initialStartYear = {\r\n            value: this.initialStartEndRange.start.dateRangeDataIndex,\r\n            label: this.initialStartEndRange.start.year\r\n        };\r\n\r\n        this.initialEndYear = {\r\n            value: this.initialStartEndRange.end.dateRangeDataIndex,\r\n            label: this.initialStartEndRange.end.year\r\n        };\r\n\r\n        this.scrubberRef = createRef();\r\n        this.lineRef = createRef();\r\n        this.modalRef = createRef();\r\n        this.toolTipRef = createRef();\r\n\r\n        this.svgRef = createRef();\r\n        this.headerRef = createRef();\r\n        this.subHeaderRef = createRef();\r\n\r\n        this.state = {\r\n            domain: this.getDomain( this.sanitizedChartData ),\r\n            chartData: this.sanitizedChartData,\r\n            chartDisplayYears: this.initialChartDisplayYears,\r\n            dateRangeData: this.initialDateRangeData,\r\n            dateRangeStart: this.initialStartEndRange.start,\r\n            dateRangeEnd: this.initialStartEndRange.end,\r\n            startRangeYearOpts: this.initialStartRangeYearOpts,\r\n            startRangeMonthOpts: this.getMonthOptions( this.initialDateRangeData, this.initialStartEndRange.start, this.initialStartEndRange.end, this.initialStartSelectedMonth.value, true ),\r\n            startSelectedYear: this.initialStartYear,\r\n            startSelectedMonth: this.initialStartSelectedMonth,\r\n            endRangeYearOpts: this.getEndYearOptions( this.initialDateRangeData, this.initialChartDisplayYears.start.index, this.initialStartEndRange.start.dateRangeDataIndex ),\r\n            endRangeMonthOpts: this.getMonthOptions( this.initialDateRangeData, this.initialStartEndRange.start, this.initialStartEndRange.end, this.initialStartSelectedMonth.value, false ),\r\n            endSelectedYear: this.initialEndYear,\r\n            endSelectedMonth: this.initialEndSelectedMonth,\r\n            tooltipData: this.sanitizedChartData[0],\r\n            recessionPeriods: this.recessionPeriods,\r\n            mouseX: 0\r\n        };\r\n\r\n    }\r\n\r\n    componentDidMount() {\r\n\r\n        const saveButton = document.querySelector( 'button.download-png' );\r\n\r\n        saveButton.addEventListener( 'click', this.downloadChart );\r\n\r\n    }\r\n\r\n\r\n    downloadChart = () => {\r\n\r\n\r\n        this.props.svgRef.current.style.margin = '0';\r\n\r\n        domToPng( this.props.svgRef.current ).then( ( dataUrl ) => {\r\n\r\n            const link = document.createElement( 'a' );\r\n\r\n            link.download = this.props.chart.heading;\r\n            link.href = dataUrl;\r\n            link.click();\r\n\r\n        } );\r\n\r\n        setTimeout( () => {\r\n\r\n            this.props.svgRef.current.style.margin = '-61px 0 0 0';\r\n\r\n        }, 100 );\r\n\r\n    };\r\n\r\n    shouldComponentUpdate( nextProps, nextState ) {\r\n\r\n        const toolTipUpdated = !( this.state.tooltipData.date === nextState.tooltipData.date );\r\n\r\n        const yearUpdated = ( this.state.endSelectedYear.label !== nextState.endSelectedYear.label ) ||\r\n            ( this.state.startSelectedYear.label !== nextState.startSelectedYear.label );\r\n        const monthUpdated = ( this.state.endSelectedMonth.label !== nextState.endSelectedMonth.label ) ||\r\n            ( this.state.startSelectedMonth.label !== nextState.startSelectedMonth.label );\r\n\r\n        // no need to update state if the toolTip values are the same\r\n        // nor if show/hide state of lines is the same\r\n\r\n        return ( toolTipUpdated || yearUpdated || monthUpdated );\r\n\r\n    }\r\n\r\n    /**\r\n     * Sanitizes the raw chart data suplied via JSON\r\n     *\r\n     * @returns {Array} - Array of sanitized data objects, example object:\r\n     * { date: Jan 01 1981, month: \"Jan\", value: 68.94, index: 0 }\r\n     */\r\n    sanitizeChartData = () => {\r\n\r\n        return this.props.data.slice( 1 ).map( ( data, i ) => {\r\n\r\n            return ( {\r\n                date: new Date( `01 ${ data[1] } ${ data[0] }` ),\r\n                month: data[1].substring( 0, 3 ),\r\n                value: data[2],\r\n                index: i\r\n            } );\r\n\r\n        } );\r\n\r\n    };\r\n\r\n    /**\r\n     * Initializes the chart display years\r\n     *\r\n     * Initally chart displays all data\r\n     *\r\n     * @returns {object} - An object with the initial start and end year/month\r\n     */\r\n    initializeChartDisplayYears = () => {\r\n\r\n        const length = this.sanitizedChartData.length;\r\n\r\n        const initialDisplay = {\r\n            start: this.sanitizedChartData[0],\r\n            end: this.sanitizedChartData[length - 1]\r\n        };\r\n\r\n        return initialDisplay;\r\n\r\n    };\r\n\r\n    /**\r\n     * Initializes the Range data from the sanitized chart data\r\n     * Associates every year with its respective months\r\n     * @returns {array} - Array of range data\r\n     */\r\n    initializeDateRangeData = () => {\r\n\r\n        const allChartData = this.sanitizedChartData;\r\n\r\n        const initialDateRangeData = [];\r\n\r\n        let outerIt = 0,\r\n            yearIt = 0;\r\n\r\n        let isUniqueYear = true;\r\n\r\n        while ( outerIt < allChartData.length ) {\r\n\r\n            let monthIt = 0;\r\n\r\n            const dateRangeObj = {\r\n                year: allChartData[outerIt].date.getFullYear(),\r\n                months: [],\r\n                dateRangeDataIndex: yearIt\r\n            };\r\n\r\n\r\n            isUniqueYear = true;\r\n\r\n            while ( isUniqueYear ) {\r\n\r\n                const monthObj = {\r\n                    month: allChartData[outerIt + monthIt].month,\r\n                    index: allChartData[outerIt + monthIt].index\r\n                };\r\n\r\n                dateRangeObj.months.push( monthObj );\r\n\r\n                // if we have reached end of chartdata or next piece of data is a new year\r\n                if ( ( outerIt + monthIt + 1 === allChartData.length )\r\n                    || ( allChartData[outerIt].date.getFullYear() !== allChartData[outerIt + monthIt + 1].date.getFullYear() ) ) {\r\n\r\n                    initialDateRangeData.push( dateRangeObj );\r\n                    isUniqueYear = false;\r\n                    outerIt = outerIt + monthIt + 1;\r\n\r\n                }\r\n                monthIt = monthIt + 1;\r\n\r\n            }\r\n            yearIt = yearIt + 1;\r\n\r\n        }\r\n\r\n        return initialDateRangeData;\r\n\r\n    };\r\n\r\n    /**\r\n     * Initializes the Start and End year range data upon initial render\r\n     * @returns {Object} - Object with initial start/end range data\r\n     */\r\n    initializeStartEndRangeData = () => {\r\n\r\n        const dataLength = this.initialDateRangeData.length;\r\n\r\n        const initialStartEndObj = {\r\n            start: this.initialDateRangeData[0],\r\n            end: this.initialDateRangeData[dataLength - 1]\r\n        };\r\n\r\n        return initialStartEndObj;\r\n\r\n    };\r\n\r\n    /**\r\n     * Initializes the Start year options upon initial render\r\n     * @returns {array} - Array of year options\r\n     */\r\n    initializeStartRangeYearOtps = () => {\r\n\r\n        const initialOptions = [];\r\n\r\n        this.initialDateRangeData.forEach( ( obj, i ) => {\r\n\r\n            // if we are looking at the last piece of data and it only has 1 month\r\n            // do not push to initial start options to prevent user selecting invalid date range\r\n            if ( i !== this.initialDateRangeData.length - 1 ) {\r\n\r\n                initialOptions.push(\r\n                    {\r\n                        label: obj.year,\r\n                        value: i\r\n                    } );\r\n\r\n            }\r\n            else if ( obj.months.length > 1 ) {\r\n\r\n                initialOptions.push(\r\n                    {\r\n                        label: obj.year,\r\n                        value: i\r\n                    } );\r\n\r\n            }\r\n\r\n        } );\r\n\r\n        initialOptions.reverse();\r\n\r\n        return initialOptions;\r\n\r\n    };\r\n\r\n    /**\r\n     * Initializes the recession periods to be displayed on chart\r\n     * Uses pre-defined recession periods and adds any recession periods\r\n     * added via CMS\r\n     * @returns {array} - Array of recession periods\r\n     */\r\n    initializeRecessionPeriods = () => {\r\n\r\n        // predefined recession periods\r\n        const recessionPeriods = [];\r\n\r\n        // add any CMS added recessionPeriods\r\n        return ( recessionPeriods.concat( this.props.chart.recessionPeriods ) );\r\n\r\n    };\r\n\r\n    /**\r\n     * Sets the minimum and maximum values of the data displayed in the chart\r\n     * that are then used to set the domain for the y axis\r\n     *\r\n     * @param {Array} [currChartData] - Array of the current data being displayed in the chart\r\n     *\r\n     * @returns {object} - Object with the min and max values relative to the values displayed in the chart\r\n     */\r\n    getDomain = ( currChartData ) => {\r\n\r\n        const domain = {\r\n            minValue: 0,\r\n            maxValue: 0\r\n        };\r\n\r\n        // get min and max value of initial chart data\r\n        currChartData.forEach( ( data ) => {\r\n\r\n            domain.minValue = data.value <= domain.minValue ? data.value : domain.minValue;\r\n            domain.maxValue = data.value >= domain.maxValue ? data.value : domain.maxValue;\r\n\r\n        } );\r\n\r\n        return domain;\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to customize yAxis presentation\r\n     * @param {svg}      [g]           - Specific g element that contains the axis\r\n     * @param {Function} [yAxisFunc]   - yAxis function\r\n     *\r\n     */\r\n    customYAxis = ( g, yAxisFunc ) => {\r\n\r\n        g.call( yAxisFunc );\r\n\r\n        g.select( '.domain' ).remove();\r\n\r\n        g.selectAll( '.tick text' )\r\n            .attr( 'x', -35 )\r\n            .attr( 'dy', 3.5 )\r\n            .attr( 'fill', '#515c70' )\r\n            .attr( 'font-size', '12px' )\r\n            .attr( 'font-family', 'Graphik-Medium' );\r\n\r\n        g.selectAll( '.tick line' )\r\n            .attr( 'stroke-dasharray', '4' )\r\n            .attr( 'stroke', '#929fb3' );\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to customize xAxis presentation for the yearly axis\r\n     * @param {svg}      [g]           - Specific g element that contains the axis\r\n     * @param {Function} [xAxisFunc]   - xAxis function\r\n     *\r\n     */\r\n    customXYearAxis = ( g, xAxisFunc ) => {\r\n\r\n        const yearGap = this.yearGap();\r\n\r\n        g.call( xAxisFunc );\r\n\r\n        g.select( '.domain' )\r\n            .attr( 'stroke', '#515c70' )\r\n            .attr( 'stroke-width', '1.5px' );\r\n\r\n        if ( this.state.chartData.length < 37 ) {\r\n\r\n            g.selectAll( '.tick line' )\r\n                .attr( 'stroke', '#515c70' )\r\n                .attr( 'stroke-width', '1.5px' );\r\n\r\n            g.selectAll( '.tick text' )\r\n                .attr( 'y', 50.5 )\r\n                .attr( 'fill', '#515c70' )\r\n                .attr( 'font-size', '16px' )\r\n                .attr( 'font-family', 'Graphik-Bold' )\r\n                .attr( 'class', 'year-month' )\r\n                .attr( 'display', ( d, i ) => {\r\n\r\n                    return ( i % yearGap !== 0 ? 'none' : '' );\r\n\r\n                } );\r\n\r\n\r\n        }\r\n        else {\r\n\r\n            g.selectAll( '.tick line' )\r\n                .attr( 'stroke', '#515c70' )\r\n                .attr( 'stroke-width', '1.5px' );\r\n\r\n            g.selectAll( '.tick text' )\r\n                .attr( 'y', 22 )\r\n                .attr( 'fill', '#515c70' )\r\n                .attr( 'font-size', '12px' )\r\n                .attr( 'font-family', 'Graphik-Medium' )\r\n                .attr( 'class', '' )\r\n                .attr( 'display', ( d, i ) => {\r\n\r\n                    return ( i % yearGap !== 0 ? 'none' : '' );\r\n\r\n                } );\r\n\r\n            g.select( '.tick:last-of-type text' )\r\n                .attr( 'x', -5 );\r\n\r\n        }\r\n\r\n\r\n    };\r\n\r\n    yearGap = () => {\r\n\r\n        if ( this.state.chartData.length < 85 ) {\r\n\r\n            return 1;\r\n\r\n        }\r\n\r\n        return 4;\r\n\r\n    };\r\n    /**\r\n     * Renders lines onto chart\r\n     * @returns {Array} - Array of SVG line elements representing each data line\r\n     */\r\n    renderLines = () => {\r\n\r\n        this.lineFunc = line()\r\n            .x( ( d ) => this.xScale( d.date ) )\r\n            .y( ( d ) => this.yScale( d.value ) );\r\n\r\n        const mainLine = <path\r\n            d={ this.lineFunc( this.state.chartData ) }\r\n            stroke={ this.props.chart.chartColors[0] }\r\n            strokeWidth='4'\r\n            fill='none'\r\n            className='line'\r\n        />;\r\n\r\n        return mainLine;\r\n\r\n    };\r\n\r\n    /**\r\n     * Renders recession periods on to the chart\r\n     * @returns {Array} - Array of <path> elements representing each recession period\r\n     */\r\n    renderRecessionPeriod = () => {\r\n\r\n        const areaArr = [];\r\n\r\n        var months = {\r\n            jan: '0',\r\n            feb: '1',\r\n            mar: '2',\r\n            apr: '3',\r\n            may: '4',\r\n            jun: '5',\r\n            jul: '6',\r\n            aug: '7',\r\n            sep: '8',\r\n            oct: '9',\r\n            nov: '10',\r\n            dec: '11'\r\n        };\r\n\r\n        this.state.recessionPeriods.forEach( ( recession, i ) => {\r\n\r\n            let start = 0;\r\n\r\n            let end = 0;\r\n\r\n            // Convert the start and end months to integers\r\n            // lowercasing and converting to three letters to standardize months coming from CMS\r\n            const recessionStartMonth = months[recession.start.month.substring( 0, 3 ).toLowerCase()];\r\n            const displayStartMonth = months[this.state.chartDisplayYears.start.month.toLowerCase()];\r\n\r\n            const recessionEndMonth = months[recession.end.month.substring( 0, 3 ).toLowerCase()];\r\n            const displayEndMonth = months[this.state.chartDisplayYears.end.month.toLowerCase()];\r\n\r\n\r\n            if ( recession.start.year > this.state.chartDisplayYears.start.date.getFullYear() ) {\r\n\r\n                start = new Date( recession.start.year, recessionStartMonth );\r\n\r\n                if ( recession.end.year < this.state.chartDisplayYears.end.date.getFullYear() ) {\r\n\r\n                    end = new Date( recession.end.year, recessionEndMonth );\r\n\r\n                }\r\n                else if ( recession.end.year === this.state.chartDisplayYears.end.date.getFullYear() ) {\r\n\r\n                    if ( recessionEndMonth >= displayEndMonth ) {\r\n\r\n                        end = new Date( this.state.chartDisplayYears.end.date.getFullYear(), displayEndMonth );\r\n\r\n                    }\r\n                    else {\r\n\r\n                        end = new Date( recession.end.year, recessionEndMonth );\r\n\r\n                    }\r\n\r\n                }\r\n                else {\r\n\r\n                    end = new Date( this.state.chartDisplayYears.end.date.getFullYear(), displayEndMonth );\r\n\r\n                }\r\n\r\n            }\r\n            else if ( recession.start.year === this.state.chartDisplayYears.start.date.getFullYear() ) {\r\n\r\n                if ( recessionStartMonth >= displayStartMonth ) {\r\n\r\n                    start = new Date( recession.start.year, recessionStartMonth );\r\n\r\n                }\r\n\r\n                if ( recession.end.year < this.state.chartDisplayYears.end.date.getFullYear() ) {\r\n\r\n                    end = new Date( recession.end.year, recessionEndMonth );\r\n\r\n                }\r\n                else if ( recession.end.year === this.state.chartDisplayYears.end.date.getFullYear() ) {\r\n\r\n                    if ( recessionEndMonth >= displayEndMonth ) {\r\n\r\n                        end = new Date( this.state.chartDisplayYears.end.date.getFullYear(), displayEndMonth );\r\n\r\n                    }\r\n                    else {\r\n\r\n                        end = new Date( recession.end.year, recessionEndMonth );\r\n\r\n                    }\r\n\r\n                }\r\n                else {\r\n\r\n                    end = new Date( this.state.chartDisplayYears.end.date.getFullYear(), displayEndMonth );\r\n\r\n                    if ( recession.start.year === this.state.chartDisplayYears.end.date.getFullYear() && recessionStartMonth > displayEndMonth ) {\r\n\r\n                        end = 0;\r\n\r\n                    }\r\n\r\n                }\r\n\r\n\r\n            }\r\n            else if ( recession.end.year > this.state.chartDisplayYears.start.date.getFullYear() ) {\r\n\r\n                if ( recession.end.year < this.state.chartDisplayYears.end.date.getFullYear() ) {\r\n\r\n                    start = new Date( this.state.chartDisplayYears.start.date.getFullYear(), displayStartMonth );\r\n                    end = new Date( recession.end.year, recessionEndMonth );\r\n\r\n                }\r\n                else if ( recession.end.year === this.state.chartDisplayYears.end.date.getFullYear() ) {\r\n\r\n                    start = new Date( this.state.chartDisplayYears.start.date.getFullYear(), displayStartMonth );\r\n\r\n                    if ( recessionEndMonth < displayEndMonth ) {\r\n\r\n                        end = new Date( recession.end.year, recessionEndMonth );\r\n\r\n                    }\r\n                    else if ( recessionEndMonth >= displayEndMonth ) {\r\n\r\n                        end = new Date( this.state.chartDisplayYears.end.date.getFullYear(), displayEndMonth );\r\n\r\n                    }\r\n\r\n                }\r\n                else if ( recession.end.year > this.state.chartDisplayYears.end.date.getFullYear() ) {\r\n\r\n                    start = new Date( this.state.chartDisplayYears.start.date.getFullYear(), displayStartMonth );\r\n                    end = new Date( this.state.chartDisplayYears.end.date.getFullYear(), displayEndMonth );\r\n\r\n                }\r\n\r\n            }\r\n\r\n            // only add recession areas to chart if the end and start are valid\r\n            if ( ( start instanceof Date && !isNaN( start.getTime() ) ) && ( end instanceof Date && !isNaN( end.getTime() ) ) ) {\r\n\r\n                const height = max( this.state.chartData, function ( d ) {\r\n\r\n                    return d.value;\r\n\r\n                } ) + 25;\r\n                const recessionArea = [\r\n                    {\r\n                        date: start,\r\n                        dStart: this.state.domain.minValue,\r\n                        dEnd: height\r\n                    },\r\n                    {\r\n                        date: end,\r\n                        dStart: this.state.domain.minValue,\r\n                        dEnd: height\r\n                    }\r\n                ];\r\n\r\n                const recessionFunc = area()\r\n                    .x( ( d ) => this.xScale( d.date ) )\r\n                    .y0( ( d ) => {\r\n\r\n                        return this.yScale( d.dStart );\r\n\r\n                    } )\r\n                    .y1( ( d ) => {\r\n\r\n                        return this.yScale( d.dEnd );\r\n\r\n                    } );\r\n\r\n                areaArr.push(\r\n                    <path\r\n                        d={ recessionFunc( recessionArea ) }\r\n                        fill= '#EEEEEE'\r\n                        key={ `recession-${ i }` }\r\n                        className='area'\r\n                    />\r\n                );\r\n\r\n            }\r\n\r\n        } );\r\n\r\n        return areaArr;\r\n\r\n    };\r\n\r\n    /**\r\n     * Renders the onHover tooltip\r\n     * @returns {HTMLDivElement} - Returns <div> containing the tooltip\r\n     */\r\n    renderToolTip = () => {\r\n\r\n        return (\r\n            <div className='tooltip' ref={ this.toolTipRef }>\r\n                <h2>{ `${ this.state.tooltipData.month } ${ this.state.tooltipData.date.getFullYear() }` }</h2>\r\n                <table>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td className='color' style={{ backgroundColor: this.props.chart.chartColors[0] }}></td>\r\n                            <td className='value'>{ this.state.tooltipData.value.toFixed( 2 ) }</td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        );\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to update the Tooltip values when the scrubber line moves over svg\r\n     *\r\n     * @param {Number} [month] - Current month being hovered over\r\n     * @param {Number} [year] - Current year being hovered over\r\n     *\r\n     */\r\n    updateToolTip = ( month, year ) => {\r\n\r\n        let currData;\r\n\r\n        this.state.chartData.forEach( ( obj ) => {\r\n\r\n            if ( obj.date.getFullYear() === year && obj.date.getMonth() === month ) {\r\n\r\n                currData = obj;\r\n\r\n            }\r\n\r\n        } );\r\n        // if specifc year/month pair doesn't exist in data don't update tooltip\r\n        if ( currData ) {\r\n\r\n            this.setState( { tooltipData: currData } );\r\n\r\n        }\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to handle and transform scrubber line, dots, and tooltip\r\n     * on hover over the chart area\r\n     * @param {Event} [e] - Event object\r\n     *\r\n     */\r\n    handleSliderHover = ( e ) => {\r\n\r\n        this.scrubberRef.current.style.opacity = 1;\r\n        const lines = this.lineRef.current.childNodes;\r\n\r\n        const yStartVal = 0;\r\n        const yEndVal = this.props.height - this.props.marginBottom - this.props.marginTop;\r\n\r\n        const pageMarginLeft = this.props.pageWrapper.offsetLeft;\r\n        const chartLineMarginLeft = this.props.componentWrapper.offsetLeft;\r\n        const mouseX = e.pageX;\r\n\r\n        const pageMarginTop = this.props.pageWrapper.offsetTop;\r\n        const chartLineMarginTop = this.props.componentWrapper.offsetTop;\r\n\r\n        const yOffset = e.pageY - pageMarginTop - chartLineMarginTop;\r\n        const yVal = Math.abs( yOffset - this.props.marginTop );\r\n\r\n        const xOffset = mouseX - pageMarginLeft - chartLineMarginLeft;\r\n        const xVal = Math.abs( xOffset - this.props.marginLeft );\r\n\r\n        const date = this.xScale.invert( xVal );\r\n\r\n        const bisectDate = bisector( function ( d ) {\r\n\r\n            return d.date;\r\n\r\n        } ).left;\r\n        const i = bisectDate( this.state.chartData, date, 1 ),\r\n            d0 = this.state.chartData[i - 1],\r\n            d1 = this.state.chartData[i],\r\n            d = date - d0.date > d1.date - date ? d1 : d0;\r\n\r\n        const dataMonth = d.date.getMonth();\r\n        const dataYear = d.date.getFullYear();\r\n\r\n        this.updateToolTip( dataMonth, dataYear );\r\n\r\n        // Move dots along lines\r\n        const x = this.xScale( d.date );\r\n        const y = this.yScale( d.value );\r\n\r\n        select( '.dot-per-line' )\r\n            .attr( 'transform', `translate( ${ x }, ${ y })` )\r\n            .attr( 'fill', '#FFF' )\r\n            .attr( 'stroke', ( d, i ) => lines[i].getAttribute( 'stroke' ) )\r\n            .attr( 'opacity', 1 );\r\n\r\n\r\n        // Move tooltip\r\n        this.toolTipRef.current.style.display = 'block';\r\n        this.toolTipRef.current.style.top = `${ yVal + 25 }px`;\r\n\r\n\r\n        this.setState( { mouseX }, () => {\r\n\r\n            const startTooltip = xVal + this.props.marginLeft;\r\n            const tooltipWidth = this.toolTipRef.current.getBoundingClientRect().width;\r\n            const tooltipOffset = 16;\r\n            const centerChart = ( this.props.width - this.props.marginRight - this.props.marginLeft ) / 2;\r\n            const mobileMiddleAlignZone = 50;\r\n\r\n            this.props.width < 768 ?\r\n                this.toolTipRef.current.style.left = xVal <= centerChart - mobileMiddleAlignZone\r\n                    ? `${ startTooltip + tooltipOffset }px`\r\n                    : this.toolTipRef.current.style.left = xVal <= centerChart + mobileMiddleAlignZone\r\n                        ? `${ startTooltip - ( tooltipWidth / 2 ) }px`\r\n                        : `${ startTooltip - tooltipWidth - tooltipOffset }px`\r\n                :\r\n                this.toolTipRef.current.style.left = xVal <= centerChart\r\n                    ? `${ startTooltip + tooltipOffset }px`\r\n                    : `${ startTooltip - tooltipWidth - tooltipOffset }px`;\r\n\r\n            // Move scrubber line\r\n            select( '.scrubber' )\r\n                .attr( 'd', () => {\r\n\r\n                    let d = `M${ xVal },${ yStartVal }`;\r\n\r\n                    d += ` ${ xVal },${ yEndVal }`;\r\n\r\n                    return d;\r\n\r\n                } );\r\n\r\n        } );\r\n\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to handle when scrubber line leaves svg canvas\r\n     * Hides scrubber line, line dots, and tooltip upon exit\r\n     */\r\n    handleSliderOut = () => {\r\n\r\n        this.scrubberRef.current.style.opacity = 0;\r\n        this.toolTipRef.current.style.display = 'none';\r\n\r\n        const mouseDots = Array.from( document.getElementsByClassName( 'dot-per-line' ) );\r\n\r\n        mouseDots.forEach( ( hoverDot ) => {\r\n\r\n            hoverDot.setAttribute( 'opacity', 0 );\r\n\r\n        } );\r\n\r\n    };\r\n\r\n    /**\r\n     * Round a number to the nearest integer.\r\n     *\r\n     * @param {Number} num - The number to round.\r\n     *\r\n     * @returns {Number} - The rounded number.\r\n     *\r\n     * @link https://stackoverflow.com/a/41586903\r\n     */\r\n    round = ( num ) => {\r\n\r\n        return ( num >= 0 || -1 ) * Math.ceil( Math.abs( num ) );\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to make xScale function\r\n     *\r\n     * @param {Number} [width] - width of svg\r\n     *\r\n     * @returns {Function}      - xScale function\r\n     *\r\n     * @link https://github.com/d3/d3/blob/master/API.md#scales-d3-scale\r\n     */\r\n    makeXScale = ( width ) => {\r\n\r\n        return (\r\n            scaleTime()\r\n                .domain( [ this.state.chartDisplayYears.start.date, this.state.chartDisplayYears.end.date ] )\r\n                .rangeRound( [ 0, width ] )\r\n        );\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to make yScale function\r\n     *\r\n     * @param {Number} [height] - height of svg\r\n     *\r\n     * @returns {Function}      - yScale function\r\n     *\r\n     * https://github.com/d3/d3/blob/master/API.md#scales-d3-scale\r\n     */\r\n    makeYScale = ( height ) => {\r\n\r\n        return (\r\n            scaleLinear()\r\n                .domain( [\r\n                    this.round( this.state.domain.minValue ),\r\n                    this.round( this.state.domain.maxValue )\r\n                ] )\r\n                .rangeRound( [ height, 0 ] )\r\n                .nice()\r\n        );\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to make xAxis that displays tick marks every year interval\r\n     *\r\n     * @returns {Function}     - xAxis function\r\n     *\r\n     * https://github.com/d3/d3/blob/master/API.md#axes-d3-axis\r\n     */\r\n    makeYearXAxis = () => {\r\n\r\n        return (\r\n            axisBottom( this.xScale )\r\n                .tickSizeInner( 6 )\r\n                .ticks( this.props.width < 768 ? timeYear.every( 4 ) : timeYear.every( 1 ) )\r\n        );\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to make xAxis that displays tick marks every month interval\r\n     *\r\n     * @returns {Function}     - xAxis function\r\n     *\r\n     * https://github.com/d3/d3/blob/master/API.md#axes-d3-axis\r\n     */\r\n    makeMonthXAxis = () => {\r\n\r\n        return (\r\n            axisBottom( this.xScale )\r\n                .tickFormat( ( date ) => {\r\n\r\n                    if ( this.state.chartData.length < 37 && date.getMonth() % 3 === 0 ) {\r\n\r\n                        return timeFormat( '%b' )( date );\r\n\r\n                    }\r\n\r\n                    if ( this.state.chartData.length < 13 ) {\r\n\r\n                        return timeFormat( '%b' )( date );\r\n\r\n                    }\r\n\r\n                    return '';\r\n\r\n                } )\r\n                .tickSizeInner( 11 )\r\n                .ticks( timeMonth.every( 1 ) ) // each month tick is in month intervals\r\n        );\r\n\r\n    };\r\n\r\n    /**\r\n     * Function to make yAxis\r\n     *\r\n     * @param {Number} [width] - Width of svg\r\n     *\r\n     * @returns {Function}     - yAxis function\r\n     *\r\n     * https://github.com/d3/d3/blob/master/API.md#axes-d3-axis\r\n     */\r\n    makeYAxis = ( width ) => {\r\n\r\n        return (\r\n            axisRight( this.yScale )\r\n                .tickSize( width )\r\n                .tickFormat( ( d ) => ( d ) )\r\n                .ticks( 6 )\r\n        );\r\n\r\n    };\r\n\r\n    /**\r\n     * Getter function for month dropdown options\r\n     *\r\n     * @param {Array} [dateRangeData]         - The current state of dateRangeData\r\n     * @param {Number} [rangeStart]           - The current start year object in dateRangeData\r\n     * @param {Number} [rangeEnd]             - The current end year object in dateRangeData\r\n     * @param {Number} [startSelectedMonth] - The index of selected month in start dropdown\r\n     * @param {boolean} [isStartRange]        - Whether or not it is being used for start month dropdown\r\n     *\r\n     * @returns {Array}                - An array that contains objects of shape {label: Q1, value: index of year/month within this.sanitizedChartData }\r\n     */\r\n    getMonthOptions = ( dateRangeData, rangeStart, rangeEnd, startSelectedMonth, isStartRange ) => {\r\n\r\n        const initialOptions = [];\r\n\r\n        if ( isStartRange ) {\r\n\r\n            const finalDate = dateRangeData.slice( -1 )[0];\r\n            const finalMonth = finalDate.months.slice( -1 )[0];\r\n\r\n            rangeStart.months.forEach( ( obj ) => {\r\n\r\n                if ( rangeStart.year !== finalDate.year ) {\r\n\r\n                    initialOptions.push( {\r\n                        label: obj.month,\r\n                        value: obj.index\r\n\r\n                    } );\r\n\r\n                }\r\n                else if ( obj.month !== finalMonth.month ) {\r\n\r\n                    initialOptions.push( {\r\n                        label: obj.month,\r\n                        value: obj.index\r\n\r\n                    } );\r\n\r\n                }\r\n\r\n            } );\r\n\r\n        }\r\n        else {\r\n\r\n            rangeEnd.months.forEach( ( obj ) => {\r\n\r\n                if ( rangeStart.year !== rangeEnd.year ) {\r\n\r\n                    initialOptions.push( {\r\n                        label: obj.month,\r\n                        value: obj.index\r\n\r\n                    } );\r\n\r\n                }\r\n                else if ( obj.index > startSelectedMonth ) {\r\n\r\n                    initialOptions.push( {\r\n                        label: obj.month,\r\n                        value: obj.index\r\n\r\n                    } );\r\n\r\n                }\r\n\r\n            } );\r\n\r\n        }\r\n\r\n        return initialOptions;\r\n\r\n    };\r\n\r\n    /**\r\n     * Getter function for end year dropdown options\r\n     *\r\n     * @param {Array} [dateRangeData]         - The current dateRangeData\r\n     * @param {Number} [startSelectedMonth]   - The index of the start selected month\r\n     * @param {Number} [startIndex]           - The index of the start year object in dateRangeData\r\n     *\r\n     * @returns {Array}               - An array that contains objects of shape {label: 2019, value: dateRangeIndex }\r\n     */\r\n    getEndYearOptions = ( dateRangeData, startSelectedMonth, startIndex ) => {\r\n\r\n        // if last month available is selected, then do not allow user to choose that year\r\n        // as an end year to prevent user from having invalid date range\r\n        const lastM = dateRangeData[startIndex].months.slice( -1 )[0];\r\n        const startSliceIndex = startSelectedMonth === lastM.index ? startIndex + 1 : startIndex;\r\n\r\n        let initialOptions = dateRangeData.slice( startSliceIndex );\r\n\r\n        initialOptions = initialOptions.reverse();\r\n\r\n        return ( initialOptions.map( ( obj, i ) => {\r\n\r\n            return ( {\r\n                label: obj.year,\r\n                value: obj.dateRangeDataIndex\r\n            } );\r\n\r\n        } )\r\n        );\r\n\r\n    };\r\n\r\n    /**\r\n     * Handler function for when start year is changed via dropdown\r\n     *\r\n     * @param {object} [e] - Event object\r\n     */\r\n    handleStartYearChange = ( e ) => {\r\n\r\n        // update state of newly selected year\r\n        this.setState( ( state, props ) => {\r\n\r\n            const endYear = state.dateRangeEnd.year;\r\n            const currEndMonth = state.endSelectedMonth;\r\n            const currEndYear = state.endSelectedYear;\r\n\r\n            const months = {\r\n                jan: 0,\r\n                feb: 1,\r\n                mar: 2,\r\n                apr: 3,\r\n                may: 4,\r\n                jun: 5,\r\n                jul: 6,\r\n                aug: 7,\r\n                sep: 8,\r\n                oct: 9,\r\n                nov: 10,\r\n                dec: 11\r\n            };\r\n\r\n            var i = months[this.state.startSelectedMonth.label.toLowerCase()];\r\n\r\n\r\n            i = state.dateRangeData[e.value].months[i].index === null ? 0 : i;\r\n\r\n            // if choosing a year in the future from start\r\n            // push end year month by 1 more than start year month\r\n            if ( state.dateRangeData[e.value].year > endYear ) {\r\n\r\n                // if start year only has 1 month, bump end year by 1\r\n                if ( state.dateRangeData[e.value].months.length === 1 ) {\r\n\r\n                    currEndYear.value = e.value + 1;\r\n                    currEndYear.label = state.dateRangeData[currEndYear.value].year;\r\n\r\n                    currEndMonth.value = state.dateRangeData[currEndYear.value].months[0].index;\r\n                    currEndMonth.label = state.dateRangeData[currEndYear.value].months[0].month;\r\n\r\n                }\r\n                else {\r\n\r\n                    // set end year to start year\r\n                    // set end month to one more than start month\r\n                    currEndYear.value = e.value;\r\n                    currEndYear.label = state.dateRangeData[currEndYear.value].year;\r\n\r\n                    currEndMonth.value = state.dateRangeData[currEndYear.value].months[1].index;\r\n                    currEndMonth.label = state.dateRangeData[currEndYear.value].months[1].month;\r\n\r\n                }\r\n\r\n\r\n            }\r\n            else if ( state.dateRangeData[e.value].year === endYear\r\n                && state.dateRangeData[e.value].months[i].index === state.endSelectedMonth.value ) {\r\n\r\n                // start year and month is the same as end year and month\r\n                // need to move date 1 month back\r\n                i--;\r\n\r\n                // Edge Case: Month is January.  Need to move back to December and back one year\r\n                if ( i === -1 ) {\r\n\r\n                    e.label--;\r\n                    e.value--;\r\n                    i = 11;\r\n\r\n                }\r\n\r\n            }\r\n\r\n            const monthOpts = this.getMonthOptions( state.dateRangeData, state.dateRangeData[e.value], state.dateRangeData[currEndYear.value], state.dateRangeData[e.value].months[0].index, true );\r\n            const endMonthOpts = this.getMonthOptions( state.dateRangeData, state.dateRangeData[e.value], state.dateRangeData[currEndYear.value], state.dateRangeData[e.value].months[0].index, false );\r\n            const endYearOpts = this.getEndYearOptions( state.dateRangeData, state.dateRangeData[e.value].months[0].index, state.dateRangeData[e.value].dateRangeDataIndex );\r\n\r\n            const startSelectedMonth = {\r\n                label: state.dateRangeData[e.value].months[i].month,\r\n                value: state.dateRangeData[e.value].months[i].index\r\n            };\r\n\r\n            const currDisplayYears = {\r\n                start: this.sanitizedChartData[startSelectedMonth.value],\r\n                end: this.sanitizedChartData[currEndMonth.value]\r\n            };\r\n\r\n            const currChartData = this.sanitizedChartData.slice( startSelectedMonth.value, currEndMonth.value + 1 );\r\n\r\n\r\n            return {\r\n                domain: this.getDomain( currChartData ),\r\n                chartDisplayYears: currDisplayYears,\r\n                chartData: currChartData,\r\n                startSelectedYear: e,\r\n                startSelectedMonth: startSelectedMonth,\r\n                startRangeMonthOpts: monthOpts,\r\n                dateRangeStart: {\r\n                    ...state.dateRangeData[e.value]\r\n                },\r\n                endRangeYearOpts: endYearOpts,\r\n                endRangeMonthOpts: endMonthOpts,\r\n                endSelectedYear: currEndYear,\r\n                endSelectedMonth: currEndMonth,\r\n                dateRangeEnd: {\r\n                    ...state.dateRangeData[currEndYear.value]\r\n                }\r\n\r\n            };\r\n\r\n        } );\r\n\r\n    };\r\n\r\n    /**\r\n     * Handler function for when an end year is changed via dropdown\r\n     *\r\n     * @param {object} [e] - Event object\r\n     */\r\n    handleEndYearChange = ( e ) => {\r\n\r\n        // update state of newly selected year\r\n        this.setState( ( state, props ) => {\r\n\r\n            const currEndMonth = {\r\n                label: state.dateRangeData[e.value].months[0].month,\r\n                value: state.dateRangeData[e.value].months[0].index\r\n            };\r\n\r\n            // if selecting end date that is same at start year\r\n            if ( e.label === state.startSelectedYear.label ) {\r\n\r\n                // just bump end month one more than the selected start month\r\n                currEndMonth.value = state.startSelectedMonth.value + 1;\r\n                currEndMonth.label = this.sanitizedChartData[currEndMonth.value].month;\r\n\r\n            }\r\n\r\n            const currDisplayYears = {\r\n                start: state.chartDisplayYears.start,\r\n                end: this.sanitizedChartData[currEndMonth.value]\r\n            };\r\n\r\n            const monthOpts = this.getMonthOptions( state.dateRangeData, state.dateRangeStart, state.dateRangeData[e.value], state.startSelectedMonth.value, false );\r\n            const startIndex = state.startSelectedMonth.value;\r\n            const currChartData = this.sanitizedChartData.slice( startIndex, currEndMonth.value + 1 );\r\n\r\n            this.getDomain( currChartData );\r\n\r\n            return {\r\n                domain: this.getDomain( currChartData ),\r\n                endSelectedYear: e,\r\n                endSelectedMonth: currEndMonth,\r\n                endRangeMonthOpts: monthOpts,\r\n                dateRangeEnd: {\r\n                    ...state.dateRangeData[e.value]\r\n                },\r\n                chartDisplayYears: currDisplayYears,\r\n                chartData: currChartData\r\n            };\r\n\r\n        } );\r\n\r\n    };\r\n\r\n    /**\r\n     * Handler function for when start month is changed via dropdown\r\n     *\r\n     * @param {object} [e] - Event object\r\n     */\r\n    handleStartMonthChange = ( e ) => {\r\n\r\n        this.setState( ( state, props ) => {\r\n\r\n            const currEndYear = state.endSelectedYear;\r\n            const currEndMonth = state.endSelectedMonth;\r\n\r\n            // if selecting month in the future\r\n            if ( e.value >= currEndMonth.value ) {\r\n\r\n                // if selecting last available month for year then select next end year\r\n                if ( e.value === state.dateRangeStart.months.slice( -1 )[0].index ) {\r\n\r\n                    currEndYear.value = currEndYear.value + 1;\r\n                    currEndYear.label = state.dateRangeData[currEndYear.value].year;\r\n\r\n                    currEndMonth.value = state.dateRangeData[currEndYear.value].months[0].index;\r\n                    currEndMonth.label = state.dateRangeData[currEndYear.value].months[0].month;\r\n\r\n                }\r\n                // else just bump end Month by one more than start Month\r\n                else {\r\n\r\n                    currEndMonth.value = e.value + 1;\r\n                    currEndMonth.label = this.sanitizedChartData[currEndMonth.value].month;\r\n\r\n                }\r\n\r\n            }\r\n\r\n            const currDisplayYears = {\r\n                start: this.sanitizedChartData[e.value],\r\n                end: this.sanitizedChartData[currEndMonth.value]\r\n            };\r\n\r\n            const endIndex = currEndMonth.value;\r\n            const currChartData = this.sanitizedChartData.slice( e.value, endIndex + 1 );\r\n\r\n            // get new year and Month options for the end droptdown\r\n            const endYearOpts = this.getEndYearOptions( state.dateRangeData, e.value, state.dateRangeStart.dateRangeDataIndex );\r\n            const endMonthOpts = this.getMonthOptions( state.dateRangeData, state.dateRangeData[state.dateRangeStart.dateRangeDataIndex], state.dateRangeData[currEndYear.value], e.value, false );\r\n\r\n            return ( {\r\n                domain: this.getDomain( currChartData ),\r\n                dateRangeStart: {\r\n                    ...state.dateRangeStart\r\n                },\r\n                chartDisplayYears: currDisplayYears,\r\n                chartData: currChartData,\r\n                startSelectedMonth: e,\r\n                endSelectedMonth: currEndMonth,\r\n                endSelectedYear: currEndYear,\r\n                dateRangeEnd: {\r\n                    ...state.dateRangeData[currEndYear.value]\r\n                },\r\n                endRangeMonthOpts: endMonthOpts,\r\n                endRangeYearOpts: endYearOpts\r\n            } );\r\n\r\n        } );\r\n\r\n    };\r\n\r\n    /**\r\n     * Handler function for when an end month is changed via dropdown\r\n     *\r\n     * @param {object} [e] - Event object\r\n     */\r\n    handleEndMonthChange = ( e ) => {\r\n\r\n        this.setState( ( state, props ) => {\r\n\r\n            const currDisplayYears = {\r\n                start: state.chartDisplayYears.start,\r\n                end: this.sanitizedChartData[e.value]\r\n            };\r\n\r\n            const startIndex = state.startSelectedMonth.value;\r\n            const currChartData = this.sanitizedChartData.slice( startIndex, e.value + 1 );\r\n\r\n            this.getDomain( currChartData );\r\n\r\n            return ( {\r\n                domain: this.getDomain( currChartData ),\r\n                endSelectedMonth: e,\r\n                chartData: currChartData,\r\n                chartDisplayYears: currDisplayYears\r\n            } );\r\n\r\n        } );\r\n\r\n\r\n    };\r\n\r\n    /**\r\n     * Gets the default styes used for the year/month dropdowns\r\n     * @returns {Object} - Object of custom styling\r\n     * https://react-select.com/styles#provided-styles-and-state\r\n     */\r\n    getSelectStyles = () => {\r\n\r\n        return (\r\n            {\r\n                control: ( styles ) => {\r\n\r\n                    return {\r\n                        ...styles,\r\n                        backgroundColor: '#ffffff',\r\n                        borderRadius: '7px',\r\n                        minHeight: '50px'\r\n                    };\r\n\r\n                },\r\n                menu: ( styles ) => {\r\n\r\n                    return {\r\n                        ...styles,\r\n                        backgroundColor: '#f5f5f5',\r\n                        borderRadius: 0\r\n\r\n                    };\r\n\r\n                },\r\n                indicatorSeparator: ( styles ) => {\r\n\r\n                    return {\r\n                        ...styles,\r\n                        width: 0\r\n                    };\r\n\r\n                },\r\n                dropdownIndicator: ( styles, state ) => {\r\n\r\n                    return {\r\n                        ...styles,\r\n                        transform: state.isFocused ? 'rotate(180deg)' : 'rotate(0deg)'\r\n                    };\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    };\r\n\r\n    /**\r\n     * Creates the info overlay wrapper div element that is then appended to the body of the document\r\n     * @returns {HTMLElement} - <div> element appended to the body of the document\r\n     */\r\n    createOverlayWrapper = () => {\r\n\r\n        const overlay = document.createElement( 'div' );\r\n\r\n        overlay.className = 'info-overlay';\r\n\r\n        return document.body.insertAdjacentElement( 'beforeend', overlay );\r\n\r\n    };\r\n\r\n    /**\r\n     * Renders the chart overlay component\r\n     */\r\n    renderOverlay = () => {\r\n\r\n        const overlayWrapper = this.createOverlayWrapper();\r\n        const refocus = document.querySelector( '.info-button' );\r\n\r\n        const overlayMarkup = (\r\n            <Fragment>\r\n                <div\r\n                    className='info-overlay-header'\r\n                    id='overlay-header'\r\n                    tabIndex='0'\r\n                    dangerouslySetInnerHTML={{ __html: this.props.overlay.heading }}\r\n                ></div>\r\n                <div\r\n                    className='info-overlay-body'\r\n                    id='overlay-body'\r\n                    dangerouslySetInnerHTML={{ __html: this.props.overlay.body }}\r\n                ></div>\r\n            </Fragment>\r\n        );\r\n\r\n        render(\r\n            <OverlayModal\r\n                isOpen={ true }\r\n                wrapper={ overlayWrapper }\r\n                refocusElement={ refocus }\r\n                overlayMarkup={ overlayMarkup }\r\n            />,\r\n            overlayWrapper\r\n        );\r\n\r\n    };\r\n\r\n    /**\r\n     * Resets the dispaly dates to the default value on the line chart\r\n     */\r\n    resetDates = () => {\r\n\r\n        this.setState( {\r\n            domain: this.getDomain( this.sanitizedChartData ),\r\n            chartData: this.sanitizedChartData,\r\n            chartDisplayYears: this.initialChartDisplayYears,\r\n            dateRangeStart: this.initialStartEndRange.start,\r\n            dateRangeEnd: this.initialStartEndRange.end,\r\n            startRangeYearOpts: this.initialStartRangeYearOpts,\r\n            startRangeMonthOpts: this.getMonthOptions( this.initialDateRangeData, this.initialStartEndRange.start, this.initialStartEndRange.end, this.initialStartSelectedMonth.value, true ),\r\n            startSelectedYear: this.initialStartYear,\r\n            startSelectedMonth: this.initialStartSelectedMonth,\r\n            endRangeYearOpts: this.getEndYearOptions( this.initialDateRangeData, this.initialStartSelectedMonth.value, this.initialStartEndRange.start.dateRangeDataIndex ),\r\n            endRangeMonthOpts: this.getMonthOptions( this.initialDateRangeData, this.initialStartEndRange.start, this.initialStartEndRange.end, this.initialStartSelectedMonth.value, false ),\r\n            endSelectedYear: this.initialEndYear,\r\n            endSelectedMonth: this.initialEndSelectedMonth\r\n        } );\r\n\r\n    };\r\n\r\n    render() {\r\n\r\n        const { marginTop, marginLeft, marginBottom, marginRight } = this.props;\r\n\r\n        // see https://bl.ocks.org/mbostock/3019563 for explanation of margin convention with d3\r\n        // outerWidth and outerHeight describe the svg width and height\r\n        // const outerWidth = this.state.outerWidth;\r\n        // const outerHeight = this.state.outerHeight;\r\n        const outerWidth = this.props.width;\r\n        const outerHeight = this.props.height;\r\n\r\n        // width and height are the inner dimensions of the chart and accomodate space for axis labels\r\n        const width = outerWidth - marginLeft - marginRight;\r\n        const height = outerHeight - marginTop - marginBottom;\r\n        const translate = `translate(${ marginLeft },${ marginTop })`;\r\n\r\n        // From 0-7 years, 0-84 months, the monthly axis is shown\r\n        const showMonthlyAxis = this.state.chartData.length < 85;\r\n\r\n        this.xScale = this.makeXScale( width );\r\n        this.yScale = this.makeYScale( height );\r\n\r\n        const yearXAxis = this.makeYearXAxis();\r\n        const monthXAxis = this.makeMonthXAxis();\r\n        const yAxis = this.makeYAxis( width );\r\n        const customStyles = this.getSelectStyles();\r\n\r\n        return (\r\n\r\n            <div className='chart-line-wrapper'>\r\n                <form className='date-range-select' id='date-range-select'>\r\n                    <div className='start-range-selector'>\r\n                        <label className='date-range-titles date-range-from' htmlFor='start-year' id='label-from'>From:</label>\r\n                        <div className='select-box-wrapper'>\r\n                            <Select\r\n                                name='start-year'\r\n                                className='start-year'\r\n                                value={ this.state.startSelectedYear }\r\n                                options={ this.state.startRangeYearOpts }\r\n                                onChange={ this.handleStartYearChange }\r\n                                styles={ customStyles }\r\n                                aria-labelledby='label-from'\r\n                            />\r\n                            <Select\r\n                                name='start-month'\r\n                                className='start-month'\r\n                                value={ this.state.startSelectedMonth }\r\n                                options={ this.state.startRangeMonthOpts }\r\n                                onChange={ this.handleStartMonthChange }\r\n                                styles={ customStyles }\r\n                                aria-labelledby='label-from'\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div className='end-range-selector'>\r\n                        <label className='date-range-titles date-range-to' htmlFor='end-year' id='label-to'>To:</label>\r\n                        <div className='select-box-wrapper'>\r\n                            <Select\r\n                                name='end-year'\r\n                                className='end-year'\r\n                                value={ this.state.endSelectedYear }\r\n                                options={ this.state.endRangeYearOpts }\r\n                                onChange={ this.handleEndYearChange }\r\n                                styles={ customStyles }\r\n                                aria-labelledby='label-to'\r\n                            />\r\n                            <Select\r\n                                name='end-month'\r\n                                className='end-month'\r\n                                value={ this.state.endSelectedMonth }\r\n                                options={ this.state.endRangeMonthOpts }\r\n                                onChange={ this.handleEndMonthChange }\r\n                                styles={ customStyles }\r\n                                aria-labelledby='label-to'\r\n                            />\r\n                            <button className='reset-date' type='button' onClick={ this.resetDates }>Reset Dates</button>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n                <div className='svg-wrapper'>\r\n                    <svg className='chart-line-svg' ref={ this.props.svgRef } width={ outerWidth } height={ outerHeight }>\r\n                        <rect data-desc='background color for IE/Edge' fill='#fff' width={ outerWidth } height={ outerHeight } />\r\n                        <text x='8' y='25' className='svg-header' fontSize='24px' fontFamily='TiemposHeadline-Medium' fill='#011e4d'>{ this.props.chart.heading }</text>\r\n                        <text x='8' y='50' className='svg-sub-header' fontSize='16px' fontFamily='Graphik-Regular' fill='#515c70'>{ this.props.chart.subHeading }</text>\r\n                        <text x='8' y={ `${ this.props.chart.subHeading.length > 0 ? '73' : '50' }` } className='svg-sub-header' fontSize='16px' fontFamily='Graphik-Regular' fill='#515c70'>{ this.props.chart.lastUpdated }</text>\r\n                        <text x='8' y='85' className='y-axis-title' fontSize='16px' fontFamily='Graphik-Bold' fill='#011e4d'>{ this.props.chart.yAxisTitle.toUpperCase() }</text>\r\n                        <g transform={ translate }>\r\n                            <g className='recession-periods'> { this.renderRecessionPeriod() } </g>\r\n                            <Axis axis={ yAxis } height={ height } customAxis={ this.customYAxis } axisType='y' />\r\n                            <Axis axis={ yearXAxis } height={ height } customAxis={ this.customXYearAxis } axisType='x' />\r\n                            { showMonthlyAxis &&\r\n                                <Axis axis={ monthXAxis } height={ height } axisType='x' />\r\n                            }\r\n                            <g className='lines' ref={ this.lineRef } >{ this.renderLines() }</g>\r\n                            <g className='dots-scrubber'>\r\n                                <path ref={ this.scrubberRef } className='scrubber'></path>\r\n                                <circle\r\n                                    r='7'\r\n                                    opacity={ 0 }\r\n                                    strokeWidth={ 2 }\r\n                                    className='dot-per-line'\r\n                                />\r\n                                <rect\r\n                                    className='mouse-over-canvas'\r\n                                    height={ height }\r\n                                    width={ width }\r\n                                    fill='none'\r\n                                    onMouseMove={ this.handleSliderHover }\r\n                                    onFocus={ this.handleSliderHover }\r\n                                    onMouseOut={ this.handleSliderOut }\r\n                                    onBlur={ this.handleSliderOut }\r\n                                />\r\n                            </g>\r\n                        </g>\r\n                        <text transform={ `translate(11,${ this.props.height - 36 })` } className='disclaimer' fill='#515c70' fontFamily='Graphik-RegularItalic' fontSize='12px' >{ this.props.disclaimer.notes }</text>\r\n                        <text transform={ `translate(11,${ this.props.height - 16 })` } className='disclaimer' fill='#515c70' fontFamily='Graphik-RegularItalic' fontSize='12px' >{ this.props.disclaimer.sources }</text>\r\n                    </svg>\r\n                    <div className='chart-details'>\r\n                        <button ref={ this.modalRef } onClick={ this.renderOverlay } className='info-button icon-info-utility'><span className='info-button-text'>More about the data series</span></button>\r\n                        <p>{ this.props.disclaimer.notes }</p>\r\n                        <p>{ this.props.disclaimer.sources }</p>\r\n                    </div>\r\n                    { this.renderToolTip() }\r\n                </div>\r\n            </div>\r\n        );\r\n\r\n    }\r\n\r\n}","import React, { Component, createRef, forwardRef } from 'react';\r\nimport { object, objectOf, array, string, instanceOf } from 'prop-types';\r\nimport Line from './line';\r\n\r\nexport default class extends Component {\r\n\r\n    static propTypes = {\r\n        chart: object.isRequired,\r\n        data: array.isRequired,\r\n        disclaimer: object,\r\n        pageWrapper: object.isRequired,\r\n        componentWrapper: object.isRequired,\r\n        overlay: objectOf( string ).isRequired,\r\n        saveButton: instanceOf( HTMLElement )\r\n\r\n    };\r\n    constructor( props ) {\r\n\r\n        super( props );\r\n\r\n        this.svg = createRef();\r\n        this.state = {\r\n            width: this.props.componentWrapper.offsetWidth\r\n        };\r\n\r\n    }\r\n\r\n    componentDidMount() {\r\n\r\n        window.addEventListener( 'resize', this.handleResize );\r\n\r\n    }\r\n\r\n    componentWillUnmount() {\r\n\r\n        window.removeEventListener( 'resize', this.handleResize );\r\n\r\n    }\r\n\r\n    handleResize = () => {\r\n\r\n        const width = this.props.componentWrapper.offsetWidth;\r\n\r\n        if ( width === this.state.width ) return;\r\n\r\n        this.setState( { width } );\r\n\r\n    };\r\n\r\n    render() {\r\n\r\n        const height = 650;\r\n        const marginTop = 118;\r\n        const marginRight = 10;\r\n        const marginBottom = 155;\r\n        const marginLeft = 43;\r\n\r\n        const Chart = forwardRef( ( props, ref ) => (\r\n            <Line\r\n                svgRef={ ref }\r\n                data={ this.props.data }\r\n                chart={ this.props.chart }\r\n                height={ height }\r\n                width={ this.state.width }\r\n                marginTop={ marginTop }\r\n                marginRight={ marginRight }\r\n                marginBottom={ marginBottom }\r\n                marginLeft={ marginLeft }\r\n                disclaimer={ this.props.disclaimer }\r\n                pageWrapper={ this.props.pageWrapper }\r\n                componentWrapper={ this.props.componentWrapper }\r\n                overlay={ this.props.overlay }\r\n            />\r\n        ) );\r\n\r\n        return (\r\n            <Chart ref={ this.svg } />\r\n        );\r\n\r\n    }\r\n\r\n}\r\n","import './css/index.css';\r\n// import '../download-button/css/defaults.css';\r\nimport React from 'react';\r\nimport { render } from 'react-dom';\r\nimport Component from './component';\r\n\r\nexport default class {\r\n\r\n    static name = 'chart-line-partisan';\r\n\r\n    constructor( config ) {\r\n\r\n        Object.assign( this, config );\r\n\r\n        this.pageWrapper = document.querySelector( '.page' );\r\n        this.saveButton = this.pageWrapper.querySelector( 'button.download-png' );\r\n\r\n    }\r\n\r\n    ready() {\r\n\r\n        render(\r\n            <Component\r\n                pageWrapper={ this.pageWrapper }\r\n                componentWrapper={ this.element }\r\n                saveButton={ this.saveButton }\r\n                data={ this.attributes.data }\r\n                chart={ this.attributes.chart }\r\n                downloadUrl={ this.attributes.file }\r\n                disclaimer={ this.attributes.disclaimer }\r\n                overlay={ this.attributes.overlay }\r\n            />, this.element\r\n        );\r\n\r\n    }\r\n\r\n}\r\n","import React, { Component, createRef } from 'react';\r\nimport * as d3 from 'd3-selection';\r\nimport { func, string, number } from 'prop-types';\r\n\r\nexport default class Axis extends Component {\r\n\r\n    static propTypes = {\r\n        axis: func.isRequired,\r\n        axisType: string.isRequired,\r\n        customAxis: func,\r\n        height: number.isRequired\r\n    };\r\n\r\n    constructor( props ) {\r\n\r\n        super( props );\r\n        this.axisRef = createRef();\r\n\r\n    }\r\n\r\n    componentDidMount() {\r\n\r\n        this.renderAxis();\r\n\r\n    }\r\n\r\n    componentDidUpdate() {\r\n\r\n        this.renderAxis();\r\n\r\n    }\r\n\r\n    renderAxis() {\r\n\r\n        const g = d3.select( this.axisRef.current );\r\n\r\n        g.call( this.props.axis );\r\n\r\n        if ( this.props.customAxis ) {\r\n\r\n            this.props.customAxis( g, this.props.axis );\r\n\r\n        }\r\n\r\n\r\n    }\r\n    render() {\r\n\r\n        // d3 creates the axis at top left of screen so move x axis down vertically by height of svg\r\n        const translate = `translate(0,${ this.props.height })`;\r\n\r\n        return (\r\n            <g\r\n                className={ `${ this.props.axisType }-axis` }\r\n                ref={ this.axisRef }\r\n                transform={ this.props.axisType === 'x' ? translate : '' }\r\n            >\r\n            </g>\r\n        );\r\n\r\n    }\r\n\r\n}\r\n"],"sourceRoot":""}