{"version":3,"sources":["components/map/ol-controls/filter-menu/FilterMenuControl.jsx","components/map/ol-map/ol-map-full/OLMapFull.jsx"],"names":["FilterMenuControl","Component","constructor","props","super","setLanguage","selectedFilterGroup","layerGroups","filter","lg","layers","some","l","layerChoice","lc","name","groupName","this","state","filterGroup","toggleFilterGroup","bind","componentDidUpdate","map","setVisibleLayers","group","setState","toggleLayerVisibility","newLayerChoices","layerToggledOn","includes","e","push","layerGroup","permitMultipleLayers","disableLayers","d","exclusiveGroups","forEach","onLayersChange","renderFilterGroup","filterOptions","customRenderer","React","createElement","key","type","className","onClick","label","concat","groupLabel","render","filterMenuOpen","id","g","OLMapFull","language","createRef","mapClickHandler","times","error","progressBar","taskFetchStations","taskFetchMetsWmts","taskFetchGeodata","progressBarHandler","addLoading","current","addDone","onMapLoaded","getMetsWmtsPromise","t","getGeoDataWmtsPromise","getStationsPromise","promise","values","prevProps","latitude","longitude","setTimeout","panTo","parseFloat","zoom","componentWillUnmount","cancel","evt","feature","forEachFeatureAtPixel","pixel","f","hitTolerance","station","get","getView","getZoom","ErrorMessage","header","Localization","mapErrorHeader","text","mapErrorMessage","OLMap","ref","center","mapClick","layer","TimeSliderControl","timeParam","onTimeSliderChange","OlProgressBar"],"mappings":"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","file":"static/js/11.1dff6da3.chunk.js","sourcesContent":["import React, { Component } from 'react';\nimport './FilterMenu.scss';\nimport { setLanguage } from 'languages/components/map/MapLan';\n\nclass FilterMenuControl extends Component {\n  constructor(props) {\n    super(props);\n    setLanguage();\n    const selectedFilterGroup = props.layerGroups.filter(lg => lg.layers.some(l => props.layerChoice.some(lc => lc === l.name)))[0].groupName;\n    this.state = {\n      filterGroup: selectedFilterGroup,\n    };\n\n    this.toggleFilterGroup = this.toggleFilterGroup.bind(this);\n  }\n\n  componentDidUpdate() {\n    this.props.map.setVisibleLayers(this.props.layerChoice);\n  }\n\n  toggleFilterGroup(group) {\n    if (this.state.filterGroup === group) {\n      this.setState({ filterGroup: 'none' });\n    } else {\n      this.setState({ filterGroup: group });\n    }\n  }\n\n\n  toggleLayerVisibility(name) {\n    let newLayerChoices = this.props.layerChoice;\n    let layerToggledOn = false;\n    if (newLayerChoices.includes(name)) {\n      newLayerChoices = newLayerChoices.filter(e => e !== name);\n    } else {\n      layerToggledOn = true;\n      newLayerChoices.push(name);\n    }\n    if (layerToggledOn) {\n      const layerGroup = this.props.layerGroups.filter(lg => lg.layers.some(l => l.name === name))[0];\n      if (!layerGroup.permitMultipleLayers) {\n        const disableLayers = layerGroup.layers.map(l => l.name).filter(l => l !== name);\n        newLayerChoices = newLayerChoices.filter(l => !disableLayers.some(d => d === l));\n      }\n      this.props.layerGroups.filter(l => layerGroup.exclusiveGroups && layerGroup.exclusiveGroups.some(e => e === l.groupName)).forEach((e) => {\n        const disableLayers = e.layers.map(l => l.name);\n        newLayerChoices = newLayerChoices.filter(l => !disableLayers.some(d => d === l));\n      });\n    }\n    this.props.onLayersChange(newLayerChoices);\n  }\n\n  renderFilterGroup(group) {\n    let filterOptions = group.customRenderer && group.customRenderer();\n    if (!filterOptions) {\n      filterOptions = (\n        <ul>\n          {group.layers.map(l => (\n            <li key={l.name}>\n              <button\n                type=\"button\"\n                className={\n        this.props.layerChoice.includes(l.name)\n          ? 'toggle-box clicked'\n          : 'toggle-box'\n      }\n                onClick={() => this.toggleLayerVisibility(l.name)}\n              >\n                {l.label}\n              </button>\n            </li>\n          ))\n  }\n        </ul>\n      );\n    }\n\n    return (\n      <div\n        key={group.groupName}\n        className={`map-filters__group ${this.state.filterGroup\n              === group.groupName && 'map-filters__group--open'}`}\n      >\n        <h3>\n          <button\n            className=\"button\"\n            type=\"button\"\n            onClick={() => this.toggleFilterGroup(group.groupName)}\n          >\n            {group.groupLabel}\n          </button>\n        </h3>\n        {filterOptions}\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div\n        className={`c_filter-menu c_white-box${\n          this.props.filterMenuOpen ? ' c_filter-menu--open' : ''\n        }`}\n        id=\"mobileFilterMenu\"\n      >\n        <nav className=\"map-filters\">\n          {\n            this.props.layerGroups.map(g => this.renderFilterGroup(g))\n          }\n        </nav>\n      </div>\n    );\n  }\n}\n\nexport default FilterMenuControl;\n","import React, { Component } from 'react';\n\nimport TimeSliderControl from 'components/map/ol-controls/time-slider/TimeSliderControl';\nimport OLMap from 'components/map/ol-map/OLMap';\n\nimport OlProgressBar from 'components/map/ol-progressbar/OlProgressBar';\nimport FilterMenuControl from 'components/map/ol-controls/filter-menu/FilterMenuControl';\nimport ErrorMessage from 'components/elements/error-message/ErrorMessage';\nimport Localization, { setLanguage } from 'languages/components/map/MapLan';\nimport { getMetsWmtsPromise, getGeoDataWmtsPromise, getStationsPromise } from 'js/map/layerHelpers';\n\nclass OLMapFull extends Component {\n  constructor(props) {\n    super(props);\n    this.language = setLanguage();\n    this.map = React.createRef();\n    this.mapClickHandler = this.mapClickHandler.bind(this);\n    this.state = {\n      times: [], error: false,\n    };\n\n    this.progressBar = React.createRef();\n    this.taskFetchStations = null;\n    this.taskFetchMetsWmts = null;\n    this.taskFetchGeodata = null;\n\n    this.progressBarHandler = {\n      addLoading: () => this.progressBar.current.addLoading(),\n      addDone: () => this.progressBar.current.addDone(),\n    };\n  }\n\n  async componentDidMount() {\n    const { layerGroups, onMapLoaded } = this.props;\n    try {\n      let times = null;\n      this.taskFetchMetsWmts = getMetsWmtsPromise(this.language, layerGroups, 'layers', this.map.current, (t) => { times = t; });\n      this.taskFetchGeodata = getGeoDataWmtsPromise(this.language, this.map.current);\n      this.taskFetchStations = getStationsPromise(this.language, this.map.current, false);\n\n      await this.taskFetchMetsWmts.promise;\n\n      if (times === null) {\n        onMapLoaded(true);\n        return;\n      }\n\n      this.setState({ times: times.values, error: false });\n\n      await this.taskFetchGeodata.promise;\n      await this.taskFetchStations.promise;\n      onMapLoaded();\n    } catch (e) {\n      this.setState({ times: [], error: true });\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.latitude !== this.props.latitude\n      || prevProps.longitude !== this.props.longitude) {\n      setTimeout(() => this.map.current && this.map.current.panTo(\n        parseFloat(this.props.latitude),\n        parseFloat(this.props.longitude),\n        this.props.zoom,\n      ), 50);\n    }\n  }\n\n  componentWillUnmount() {\n    this.taskFetchStations && this.taskFetchStations.cancel();\n    this.taskFetchMetsWmts && this.taskFetchMetsWmts.cancel();\n    this.taskFetchGeodata && this.taskFetchGeodata.cancel();\n  }\n\n  mapClickHandler(evt, map) {\n    const feature = map.forEachFeatureAtPixel(evt.pixel, f => f, { hitTolerance: 3 });\n\n    if (feature) {\n      const station = {\n        name: feature.get('name'),\n        latitude: feature.get('latitude'),\n        longitude: feature.get('longitude'),\n        zoom: map.getView().getZoom(),\n      };\n      this.props.mapClickHandler(station);\n    }\n  }\n\n\n  render() {\n    if (this.state.error) {\n      return <ErrorMessage className=\"c_error-message--no-map-data\" header={Localization.mapErrorHeader} text={Localization.mapErrorMessage} />;\n    }\n    return (\n      <div className=\"c_ol-map-full\">\n        <OLMap\n          ref={this.map}\n          center={[this.props.longitude, this.props.latitude]}\n          zoom={this.props.zoom}\n          mapClick={this.mapClickHandler}\n          progressBarHandler={this.progressBarHandler}\n        />\n        <FilterMenuControl\n          filterMenuOpen={this.props.filterMenuOpen}\n          layerGroups={this.props.layerGroups}\n          layerChoice={this.props.layer}\n          map={this.map.current}\n          onLayersChange={this.props.onLayersChange}\n        />\n\n        <TimeSliderControl\n          times={this.state.times}\n          map={this.map.current}\n          timeParam={this.props.timeParam}\n          onTimeSliderChange={this.props.onTimeSliderChange}\n        />\n\n        <OlProgressBar ref={this.progressBar} />\n      </div>\n    );\n  }\n}\n\nexport default OLMapFull;\n"],"sourceRoot":""}