{"version":3,"file":"component---src-templates-vote-compass-index-en-js-99845acc727e5738d480.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/Shared/SimpleSection/index.js","webpack://gatsby-starter-default/./src/components/Shared/Statistics/index.js","webpack://gatsby-starter-default/./src/components/pages/VoteCompass/VoteCompassInitiative.js","webpack://gatsby-starter-default/./src/components/pages/VoteCompass/VoteCompassInitiatives.js","webpack://gatsby-starter-default/./src/components/pages/VoteCompass/VoteCompass.js","webpack://gatsby-starter-default/./src/templates/VoteCompass/index.en.js","webpack://gatsby-starter-default/./node_modules/lodash/_arrayAggregator.js","webpack://gatsby-starter-default/./node_modules/lodash/_baseAggregator.js","webpack://gatsby-starter-default/./node_modules/lodash/_baseAssignValue.js","webpack://gatsby-starter-default/./node_modules/lodash/_createAggregator.js","webpack://gatsby-starter-default/./node_modules/lodash/groupBy.js","webpack://gatsby-starter-default/./src/images/icons/arrow-right-black.png"],"sourcesContent":["// NPM\nimport React from 'react'\n\n// Shared components\nimport Description from 'src/components/Shared/Description'\nimport CommonLink from 'src/components/Shared/CommonLink'\n\nconst SimpleSection = ({ section }) => {\n  if(!section) {\n    return null\n  }\n\n  return (\n    <div className=\"SimpleSection\">\n      { section.title && <h3 className=\"small-header\">{ section.title }</h3> }\n\n      <Description\n        className=\"SimpleSection__description\"\n        description={ section.description }\n      />\n\n      <CommonLink \n        className=\"SimpleSection__link\"\n        link={ section.link }>\n          <span className=\"icon\">\n            <img src={ require(\"src/images/icons/arrow-right-white.png\").default } />\n          </span>\n      </CommonLink>\n    </div>\n  )\n}\n\nexport default SimpleSection","// NPM\nimport React from 'react'\nimport _ from 'lodash'\n\nconst Statistics = ({ section }) => {\n\n  if(!section) {\n    return null\n  }\n\n  const statistics = _.get(section, \"statistics\", []) \n\n  const renderStatistic = (statistic, statisticIndex) => {\n    return (\n      <div \n        className=\"Statistics__stat\"\n        key={ `Statistic-${ statisticIndex }` }>\n          <div className=\"Statistics__stat-value\">\n            { statistic.value }\n          </div>\n          <div className=\"Statistics__stat-name\">\n            { statistic.name }\n          </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"Statistics\">\n      <h3 className=\"Statistics__title small-header\">\n        { section.title }\n      </h3>\n\n      <div className=\"Statistics__contents\">\n        { statistics.map(renderStatistic) }\n      </div>\n    </div>\n  )\n\n}\n\nexport default Statistics","// NPM\nimport React from 'react'\n\nconst VoteCompassInitiative = ({ voteCompass }) => {\n\n  const isUnavailable = !voteCompass.url\n\n  if(isUnavailable) {\n    return (\n      <div className=\"VoteCompassInitiative is-unavailable\">\n        <h4 className=\"VoteCompassInitiative__title\">\n          { voteCompass.name }\n        </h4>\n      </div>\n    )\n  }\n  else {\n    return (\n      <a \n        className=\"VoteCompassInitiative\"\n        target=\"_blank\"\n        href={ voteCompass.url }>\n          <h4 className=\"VoteCompassInitiative__title\">\n            { voteCompass.name }\n          </h4>\n\n          <img \n            className=\"VoteCompassInitiative__icon\"\n            src={ require(\"src/images/icons/arrow-right-black.png\").default }\n            aria-hidden=\"true\"\n          />\n      </a>\n    )\n  }\n\n}\n\nexport default VoteCompassInitiative","// NPM\nimport React, { useState, useRef } from 'react'\nimport Select from 'react-select'\nimport _ from 'lodash'\n\n// Shared components\nimport Description from 'src/components/Shared/Description'\nimport Pagination from \"src/components/Shared/Pagination\"\n\n// Component\nimport VoteCompassInitiative from './VoteCompassInitiative'\n\n// Constants\nimport reactSelectStyles from 'src/components/Shared/reactSelectStyles'\n\nconst VoteCompassInitiatives = ({ sections, voteCompasses }) => {\n  const [searchOptions, setSearchOptions] = useState({})\n  const section = sections.find(s => s.uuid === \"voteCompass_initiatives\")\n\n  if(!section) {\n    return null\n  }\n\n  const visibleVoteCompasses = \n    voteCompasses\n    .filter(vc => {\n      if(searchOptions.year && searchOptions.year.value) {\n        return vc.year === searchOptions.year.value\n      }\n      else {\n        // Not filtering by year, return all\n        return true\n      }\n    })\n    .filter(vc => {\n      if(searchOptions.region && searchOptions.region.value) {\n        let [region, subRegion] = searchOptions.region.value.split(\"_\")\n        return vc.region === region && vc.subRegion === subRegion\n      }\n      else {\n        // Not filtering by year, return all\n        return true\n      }\n    })\n\n  const groupedVoteCompasses = _.groupBy(visibleVoteCompasses, \"year\");\n\n  const renderVoteCompassGroup = groupKey => {\n    const groupItems = _.sortBy(groupedVoteCompasses[groupKey], \"order\")\n\n    return (\n      <div \n        className=\"VoteCompassInitiatives__group\"\n        key={ `VoteCompassInitiatives__group-${ groupKey }` }>\n          <h4 className=\"VoteCompassInitiatives__group-title\">\n            { groupKey }\n          </h4>\n\n          <div className=\"VoteCompassInitiatives__group-items\">\n            { \n              groupItems.map((voteCompass, voteCompassIndex) => {\n                return (\n                  <VoteCompassInitiative \n                    voteCompass={ voteCompass }\n                    key={ `VoteCompass-${ voteCompassIndex }` }\n                  />\n                )\n              })\n            }\n          </div>\n      </div>\n    )\n  }\n\n  const renderYearDropdown = () => {\n    const allGroupedVoteCompasses = _.groupBy(visibleVoteCompasses, \"year\");\n    const options = Object.keys(allGroupedVoteCompasses)\n      .sort()\n      .reverse()\n      .map(year => ({label: year, value: year}))\n\n    const placeholderText = (section.miscText.find(mt => mt.uuid === \"yearDropdownPlaceholder\") || {}).text\n    const allText = (section.miscText.find(mt => mt.uuid === \"dropdownAllText\") || {}).text\n\n    return (\n      <Select \n        options={[\n          { label: allText, value: -1 },\n          ...options\n        ]} \n        placeholder={ placeholderText }\n        className=\"VoteCompassInitiatives__search-select\"\n        value={ searchOptions.year }\n        onChange={ selectedOption => { \n          if(selectedOption) {\n            if(selectedOption.value === -1) {\n              setSearchOptions({...searchOptions, year: null}) \n            }\n            else {\n              setSearchOptions({...searchOptions, year: selectedOption}) \n            }\n          }\n        }}\n        styles={ reactSelectStyles }\n      />\n    )\n  }\n\n  const renderRegionDropdown = () => {\n    const uniqRegions = _.uniq(visibleVoteCompasses.map(vc => vc.region))\n    const options = \n      uniqRegions\n      .sort()\n      .map(region => {\n        let subRegions = \n          visibleVoteCompasses\n          .filter(vc => vc.region === region)\n          .map(vc => vc.subRegion)\n\n        let uniqSubRegions = _.uniq(subRegions)\n        return {\n          label: region, \n          options: (\n            uniqSubRegions\n            .sort()\n            .map(subRegion => ({ label: subRegion, value: `${ region }_${ subRegion }` }))\n          )\n        }\n      })\n\n    const placeholderText = (section.miscText.find(mt => mt.uuid === \"regionDropdownPlaceholder\") || {}).text\n    const allText = (section.miscText.find(mt => mt.uuid === \"dropdownAllText\") || {}).text\n\n    return (\n      <Select \n        options={[\n          { label: allText, value: -1 },\n          ...options\n        ]} \n        value={ searchOptions.region }\n        placeholder={ placeholderText }\n        className=\"VoteCompassInitiatives__search-select\"\n        onChange={ selectedOption => { \n          if(selectedOption) {\n            if(selectedOption.value === -1) {\n              setSearchOptions({...searchOptions, region: null}) \n            }\n            else {\n              setSearchOptions({...searchOptions, region: selectedOption}) \n            }\n          }\n        }}\n        styles={{\n          ...reactSelectStyles,\n          groupHeading: (provided) => ({\n            ...provided,\n            fontFamily: \"Satoshi\",\n            color: \"black\",\n            fontWeight: \"bold\"\n          }),\n          option: (provided, state) => {\n            return {\n              ...provided,\n              fontFamily: \"Satoshi\",\n              paddingLeft: state.data.value === -1 ? \"15px\" : \"30px\"\n            }\n          }\n        }}\n      />\n    )\n  }\n\n  return (\n    <div className=\"VoteCompassInitiatives\" id=\"VoteCompassInitiatives\">\n      <div className=\"VoteCompassInitiatives__container\">\n        <h3 className=\"VoteCompassInitiatives__title\">\n          { section.title }\n        </h3>\n\n        <Description\n          className=\"VoteCompassInitiatives__description\"\n          description={ section.description }\n        />\n\n        <div className=\"VoteCompassInitiatives__search\">\n          { renderYearDropdown() }\n          { renderRegionDropdown() }\n        </div>\n\n        <div className=\"VoteCompassInitiatives__list\">\n          <Pagination \n            perPage={ 3 }\n            items={ Object.keys(groupedVoteCompasses).sort().reverse() }>\n              { (items) => items.map(renderVoteCompassGroup) }\n          </Pagination>\n        </div>\n      </div>\n    </div>\n  )\n\n}\n\nexport default VoteCompassInitiatives","// NPM\nimport React from 'react'\n\n// Shared Components\nimport GenericProduct from 'src/components/pages/GenericProduct/GenericProduct'\nimport Timeline from 'src/components/Shared/Timeline'\nimport InfoColumns from 'src/components/Shared/InfoColumns'\nimport Statistics from 'src/components/Shared/Statistics'\nimport WorkTogether from 'src/components/Shared/WorkTogether'\nimport NewsItems from 'src/components/Shared/NewsItems'\nimport Partners from 'src/components/Shared/Partners'\nimport SimpleSection from 'src/components/Shared/SimpleSection'\n\n// Components\nimport VoteCompassInitiatives from './VoteCompassInitiatives'\n\nconst VoteCompass = ({ sections, voteCompasses, newsItems }) => {\n  const infoColumnsTitleSection = sections.find(s => s.uuid === \"infoColumns_title\")\n\n  return (\n    <div className=\"VoteCompass\">\n      <GenericProduct sections={ sections } />\n      <Partners section={ sections.find(s => s.uuid === \"partners\") } />\n      <Timeline section={ sections.find(s => s.uuid === \"timeline\") } />\n\n      {\n        infoColumnsTitleSection &&\n          <h3 className=\"VoteCompass__infoColumnsTitle section-header small-header\">\n            { infoColumnsTitleSection.title }\n          </h3>\n      }\n\n      <InfoColumns sections={ sections } />\n      <Statistics section={ sections.find(s => s.uuid === \"statistics\") } />\n      <SimpleSection section={ sections.find(s => s.uuid === \"methodology\") } />\n      <VoteCompassInitiatives \n        sections={ sections } \n        voteCompasses={ voteCompasses }\n      />\n      <NewsItems \n        section={ sections.find(s => s.uuid === \"newsItems\") }\n        newsItems={ newsItems }\n        newsItemSearchKey=\"voteCompass\"\n      />\n      <WorkTogether section={ sections.find(s => s.uuid === \"workTogether\") } />\n    </div>\n  )\n\n}\n\nexport default VoteCompass","// NPM\nimport * as React from \"react\"\nimport { graphql } from 'gatsby'\nimport _ from 'lodash'\n\n// Components\nimport Layout from \"src/layouts/en\"\nimport VoteCompass from \"src/components/pages/VoteCompass/VoteCompass\"\n\nconst VoteCompassPageEn = ({ location, data }) => {\n  const topNav = data.topNav\n  const sections = _.get(data, `voteCompassPage.sections`, [])\n  const voteCompasses = _.get(data, `voteCompasses.nodes`, [])\n  const newsItems = _.get(data, `newsItems.nodes`, [])\n  const bottomNav = data.bottomNav\n  const socialMedia = _.get(data, `socialMedia.nodes`, [])\n\n  return (\n    <Layout \n      location={ location }\n      topNav={ topNav }\n      page={ data.voteCompassPage }\n      bottomNav={ bottomNav }\n      socialMedia={ socialMedia }>\n        <VoteCompass \n          sections={ sections } \n          voteCompasses={ voteCompasses }\n          newsItems={ newsItems }\n        />\n    </Layout>\n  )\n}\n\nexport default VoteCompassPageEn\n\nexport const query = graphql`\n  query VoteCompassPageEnQuery($id: String) {\n    topNav: strapiTopNav(locale: {eq: \"en\"}) {\n      ...topNavContent\n    }\n    \n    voteCompassPage: strapiPage(id: {eq: $id}) {\n      ...pageInformation\n    }\n\n    voteCompasses: allStrapiVoteCompass(filter: {locale: {eq: \"en\"}}) {\n      nodes {\n        name\n        year\n        region\n        subRegion\n        url\n      }\n    }\n    \n    newsItems: allStrapiNewsItem {\n      nodes {\n        ...newsItem\n      }\n    }\n\n    bottomNav: strapiBottomNav(locale: {eq: \"en\"}) {\n      ...bottomNavContent\n    }\n\n    socialMedia: allStrapiSocialMedia(filter: {locale: {eq: \"en\"}}) {\n      nodes {\n        ...socialMedia\n      }\n    }\n\n\n\n  }\n`","/**\n * A specialized version of `baseAggregator` for arrays.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction arrayAggregator(array, setter, iteratee, accumulator) {\n  var index = -1,\n      length = array == null ? 0 : array.length;\n\n  while (++index < length) {\n    var value = array[index];\n    setter(accumulator, value, iteratee(value), array);\n  }\n  return accumulator;\n}\n\nmodule.exports = arrayAggregator;\n","var baseEach = require('./_baseEach');\n\n/**\n * Aggregates elements of `collection` on `accumulator` with keys transformed\n * by `iteratee` and values set by `setter`.\n *\n * @private\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} setter The function to set `accumulator` values.\n * @param {Function} iteratee The iteratee to transform keys.\n * @param {Object} accumulator The initial aggregated object.\n * @returns {Function} Returns `accumulator`.\n */\nfunction baseAggregator(collection, setter, iteratee, accumulator) {\n  baseEach(collection, function(value, key, collection) {\n    setter(accumulator, value, iteratee(value), collection);\n  });\n  return accumulator;\n}\n\nmodule.exports = baseAggregator;\n","var defineProperty = require('./_defineProperty');\n\n/**\n * The base implementation of `assignValue` and `assignMergeValue` without\n * value checks.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {string} key The key of the property to assign.\n * @param {*} value The value to assign.\n */\nfunction baseAssignValue(object, key, value) {\n  if (key == '__proto__' && defineProperty) {\n    defineProperty(object, key, {\n      'configurable': true,\n      'enumerable': true,\n      'value': value,\n      'writable': true\n    });\n  } else {\n    object[key] = value;\n  }\n}\n\nmodule.exports = baseAssignValue;\n","var arrayAggregator = require('./_arrayAggregator'),\n    baseAggregator = require('./_baseAggregator'),\n    baseIteratee = require('./_baseIteratee'),\n    isArray = require('./isArray');\n\n/**\n * Creates a function like `_.groupBy`.\n *\n * @private\n * @param {Function} setter The function to set accumulator values.\n * @param {Function} [initializer] The accumulator object initializer.\n * @returns {Function} Returns the new aggregator function.\n */\nfunction createAggregator(setter, initializer) {\n  return function(collection, iteratee) {\n    var func = isArray(collection) ? arrayAggregator : baseAggregator,\n        accumulator = initializer ? initializer() : {};\n\n    return func(collection, setter, baseIteratee(iteratee, 2), accumulator);\n  };\n}\n\nmodule.exports = createAggregator;\n","var baseAssignValue = require('./_baseAssignValue'),\n    createAggregator = require('./_createAggregator');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Creates an object composed of keys generated from the results of running\n * each element of `collection` thru `iteratee`. The order of grouped values\n * is determined by the order they occur in `collection`. The corresponding\n * value of each key is an array of elements responsible for generating the\n * key. The iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Collection\n * @param {Array|Object} collection The collection to iterate over.\n * @param {Function} [iteratee=_.identity] The iteratee to transform keys.\n * @returns {Object} Returns the composed aggregate object.\n * @example\n *\n * _.groupBy([6.1, 4.2, 6.3], Math.floor);\n * // => { '4': [4.2], '6': [6.1, 6.3] }\n *\n * // The `_.property` iteratee shorthand.\n * _.groupBy(['one', 'two', 'three'], 'length');\n * // => { '3': ['one', 'two'], '5': ['three'] }\n */\nvar groupBy = createAggregator(function(result, value, key) {\n  if (hasOwnProperty.call(result, key)) {\n    result[key].push(value);\n  } else {\n    baseAssignValue(result, key, [value]);\n  }\n});\n\nmodule.exports = groupBy;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAABgGlDQ1BJQ0MgcHJvZmlsZQAAKJFjYGCqSCwoyGFhYGDIzSspCnJ3UoiIjFJgv8PAzcDDIMRgxSCemFxc4BgQ4MOAE3y7xsAIoi/rgsxqOqd2d+pGwehjat+yq+1cc3DrAwPulNTiZAYGRg4gOyWlODkXyAbp0UsuKCoBsucA2brlJQUg9hkgW6QI6EAg+wGInQ5hfwGxk8BsJg6wmpAgZyBbBsgWSIKwdUDsdAjbBsROzkhMAbJB/tKBuAEMuIJdFAzNDXx1HQk4nFSQm1MKswMUWjypeaHBQFoIiGUYghlcGBQYDBnMGQwYfBl0GYCWl6RWlIAUO+cXVBZlpmeUKDgCQzdVwTk/t6C0JLVIR8EzL1lPR8HIwNAApA4UbxDjPweBbWAUO48Qy5rMwGDxhoGBuQohlrKcgWGLPQODeDBCTH020EnvGRh2hBckFiXCHc/4jYUQvzjN2AjC5nFiYGC99///ZzUGBvZJDAx/J/7//3vR//9/FwPtv8PAcCAHALbUa33lfYEHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gYGEhM0+Rs6egAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAB6SURBVEjH7dLBCYAwEAXRUVKAJWhlsQUrMOnAlqzETtRLAkE8CSEr/IFc9vTILtTJAytG8sCVngnUUYBMoEahhBJKqD+jHBAaoPYEy2VD7JLQSkuPsRwQG92Rf8wisLX4hOnlqEOrjQgjjDDC1G6whMnNwGkFU6I+YW5XHWblZ7UySAAAAABJRU5ErkJggg==\""],"names":["section","className","title","description","link","src","require","statistics","map","statistic","statisticIndex","key","value","name","voteCompass","url","target","href","sections","voteCompasses","useState","searchOptions","setSearchOptions","find","s","uuid","allGroupedVoteCompasses","options","placeholderText","allText","visibleVoteCompasses","filter","vc","year","region","split","subRegion","groupedVoteCompasses","renderVoteCompassGroup","groupKey","groupItems","voteCompassIndex","id","Description","Object","keys","sort","reverse","label","miscText","mt","text","placeholder","onChange","selectedOption","styles","reactSelectStyles","subRegions","uniqSubRegions","groupHeading","provided","fontFamily","color","fontWeight","option","state","paddingLeft","data","renderRegionDropdown","Pagination","perPage","items","newsItems","infoColumnsTitleSection","GenericProduct","Partners","Timeline","InfoColumns","Statistics","SimpleSection","NewsItems","newsItemSearchKey","WorkTogether","location","topNav","bottomNav","socialMedia","page","voteCompassPage","module","exports","array","setter","iteratee","accumulator","index","length","baseEach","collection","defineProperty","object","arrayAggregator","baseAggregator","baseIteratee","isArray","initializer","func","baseAssignValue","createAggregator","hasOwnProperty","prototype","groupBy","result","call","push"],"sourceRoot":""}