qwc2 2025.10.9 → 2025.10.14

package/plugins/FeatureSearch.js

@@ -1,11 +1,466 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return}finally{if(o)throw n}}return a}}function _arrayWithHoles(r){if(Array.isArray(r))return r}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
  * Copyright 2024 Sourcepole AG
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import React from"react";import{connect}from"react-redux";import axios from"axios";import isEmpty from"lodash.isempty";import PropTypes from"prop-types";import{v4 as uuidv4}from"uuid";import Icon from"../components/Icon";import IdentifyViewer from"../components/IdentifyViewer";import SideBar from"../components/SideBar";import InputContainer from"../components/widgets/InputContainer";import Spinner from"../components/widgets/Spinner";import IdentifyUtils from"../utils/IdentifyUtils";import LocaleUtils from"../utils/LocaleUtils";import"./style/FeatureSearch.css";/**
+ */
+
+import React from 'react';
+import { connect } from 'react-redux';
+import axios from 'axios';
+import isEmpty from 'lodash.isempty';
+import PropTypes from 'prop-types';
+import { v4 as uuidv4 } from 'uuid';
+import Icon from '../components/Icon';
+import IdentifyViewer from '../components/IdentifyViewer';
+import SideBar from '../components/SideBar';
+import InputContainer from '../components/widgets/InputContainer';
+import Spinner from '../components/widgets/Spinner';
+import IdentifyUtils from '../utils/IdentifyUtils';
+import LocaleUtils from '../utils/LocaleUtils';
+import "./style/FeatureSearch.css";
+
+/**
  * Displays a dialog with a search form for configured QGIS feature searches with one or more input fields.
  *
  * See [Configuring the QGIS feature search](../../topics/Search/#configuring-the-qgis-feature-search).
- */var FeatureSearch=/*#__PURE__*/function(_React$Component){function FeatureSearch(){var _this;_classCallCheck(this,FeatureSearch);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,FeatureSearch,[].concat(args));_defineProperty(_this,"state",{busy:false,searchProviders:{},providerGroups:{},selectedProvider:"",formValues:{},providerSelectOptions:{},searchResults:null});_defineProperty(_this,"onHide",function(){_this.setState({searchResults:null})});_defineProperty(_this,"renderBody",function(){return/*#__PURE__*/React.createElement("div",{className:"feature-search-body"},/*#__PURE__*/React.createElement("div",{className:"feature-search-selection"},/*#__PURE__*/React.createElement("select",{onChange:_this.selectProvider,value:_this.state.selectedProvider},/*#__PURE__*/React.createElement("option",{disabled:true,value:""},LocaleUtils.tr("featuresearch.select")),Object.entries(_this.state.providerGroups).map(function(_ref){var _ref2=_slicedToArray(_ref,2),group=_ref2[0],entries=_ref2[1];return[group!==""?/*#__PURE__*/React.createElement("option",{disabled:true,key:group,value:group},group):null,entries.map(function(providerId){return/*#__PURE__*/React.createElement("option",{key:providerId,value:providerId},_this.state.searchProviders[providerId].params.title)})]}))),_this.renderSearchForm(),_this.renderSearchResults())});_defineProperty(_this,"renderSearchForm",function(){var provider=_this.state.searchProviders[_this.state.selectedProvider];if(!provider){return null}var fields=Object.entries(provider.params.fields).map(function(_ref3,idx){var _value$order;var _ref4=_slicedToArray(_ref3,2),key=_ref4[0],value=_ref4[1];return _objectSpread(_objectSpread({key:key},value),{},{order:(_value$order=value.order)!==null&&_value$order!==void 0?_value$order:idx})}).sort(function(a,b){return a.order-b.order});return/*#__PURE__*/React.createElement("form",{className:"feature-search-form",disabled:_this.state.busy,onChange:function onChange(){return _this.setState({searchResults:null})},onSubmit:_this.search},/*#__PURE__*/React.createElement("fieldset",{disabled:_this.state.busy},provider.params.description?/*#__PURE__*/React.createElement("div",{className:"feature-search-form-descr"},provider.params.description):null,/*#__PURE__*/React.createElement("table",null,/*#__PURE__*/React.createElement("tbody",null,fields.map(function(field){var _field$label;return/*#__PURE__*/React.createElement("tr",{key:field.key},/*#__PURE__*/React.createElement("td",null,(_field$label=field.label)!==null&&_field$label!==void 0?_field$label:LocaleUtils.tr(field.labelmsgid),":"),/*#__PURE__*/React.createElement("td",null,_this.renderField(field.key,field)))})))),/*#__PURE__*/React.createElement("div",{className:"feature-search-bar"},/*#__PURE__*/React.createElement("button",{className:"button",disabled:_this.state.busy,type:"submit"},_this.state.busy?/*#__PURE__*/React.createElement(Spinner,null):null,LocaleUtils.tr("search.search"))))});_defineProperty(_this,"renderField",function(fieldname,fieldcfg){var onChange=function onChange(ev){return _this.setState(function(state){return{formValues:_objectSpread(_objectSpread({},state.formValues),{},_defineProperty({},fieldname,ev.target.value))}})};if(fieldcfg.type==="select"){var _ref5,_this$state$providerS,_this$state$providerS2;var options=(_ref5=(_this$state$providerS=(_this$state$providerS2=_this.state.providerSelectOptions[fieldname])===null||_this$state$providerS2===void 0?void 0:_this$state$providerS2.options)!==null&&_this$state$providerS!==void 0?_this$state$providerS:fieldcfg.options)!==null&&_ref5!==void 0?_ref5:[];return/*#__PURE__*/React.createElement(InputContainer,null,/*#__PURE__*/React.createElement("select",{defaultValue:"",name:fieldname,onChange:onChange,role:"input"},/*#__PURE__*/React.createElement("option",{disabled:true,value:""},LocaleUtils.tr("featuresearch.select")),options.map(function(entry){var _entry$value,_entry$value2,_entry$label;return/*#__PURE__*/React.createElement("option",{key:(_entry$value=entry.value)!==null&&_entry$value!==void 0?_entry$value:entry,value:(_entry$value2=entry.value)!==null&&_entry$value2!==void 0?_entry$value2:entry},(_entry$label=entry.label)!==null&&_entry$label!==void 0?_entry$label:entry.labelmsgid?LocaleUtils.tr(entry.labelmsgid):entry)})),/*#__PURE__*/React.createElement(Icon,{icon:"clear",onClick:function onClick(ev){return _this.clearField(ev,fieldname)},role:"suffix"}))}else{return/*#__PURE__*/React.createElement("input",_extends({name:fieldname,onChange:onChange,type:fieldcfg.type||"text"},fieldcfg.options))}});_defineProperty(_this,"renderSearchResults",function(){if(!_this.state.searchResults){return null}var provider=_this.state.searchProviders[_this.state.selectedProvider];return/*#__PURE__*/React.createElement("div",{className:"feature-search-results"},isEmpty(_this.state.searchResults)?/*#__PURE__*/React.createElement("div",{className:"feature-search-noresults"},LocaleUtils.tr("featuresearch.noresults")):/*#__PURE__*/React.createElement(IdentifyViewer,{collapsible:true,displayResultTree:false,enableExport:true,identifyResults:_this.state.searchResults,showLayerTitles:!provider.params.resultTitle}))});_defineProperty(_this,"selectProvider",function(ev){_this.setState({selectedProvider:ev.target.value,searchResults:null,providerSelectOptions:{},formValues:{}})});_defineProperty(_this,"search",function(ev){ev.preventDefault();var provider=_this.state.searchProviders[_this.state.selectedProvider];if(!provider){return}var form=ev.target;var filter=_objectSpread({},provider.params.expression);var values={};Object.keys(provider.params.fields).forEach(function(fieldname){values[fieldname]=form.elements[fieldname].value});var params={SERVICE:"WMS",VERSION:_this.props.theme.version,REQUEST:"GetFeatureInfo",CRS:_this.props.theme.mapCrs,WIDTH:100,HEIGHT:100,LAYERS:[],FILTER:[],WITH_GEOMETRY:true,WITH_MAPTIP:false,feature_count:provider.params.featureCount||100,info_format:"text/xml"};Object.keys(filter).forEach(function(layer){Object.entries(values).forEach(function(_ref6){var _ref7=_slicedToArray(_ref6,2),key=_ref7[0],value=_ref7[1];filter[layer]=filter[layer].replaceAll("$".concat(key,"$"),value.replace("'","\\'"))});params.LAYERS.push(layer);params.FILTER.push(layer+":"+filter[layer])});params.QUERY_LAYERS=params.LAYERS=params.LAYERS.join(",");params.FILTER=params.FILTER.join(";");_this.setState({busy:true,searchResults:null});axios.get(_this.props.theme.featureInfoUrl,{params:params}).then(function(response){var results=IdentifyUtils.parseResponse(response.data,_this.props.theme,"text/xml",null,_this.props.map.projection);if(provider.params.resultTitle){Object.entries(results).forEach(function(_ref8){var _ref9=_slicedToArray(_ref8,2),layername=_ref9[0],features=_ref9[1];features.forEach(function(feature){var formatValues=_objectSpread(_objectSpread({},feature.properties),{},{id:feature.id,layername:layername});feature.displayname=provider.params.resultTitle.replace(/{([^}]+)}/g,function(match){return formatValues[match.slice(1,-1)]})})})}_this.setState({busy:false,searchResults:results})})["catch"](function(){_this.setState({busy:false,searchResults:{}})})});_defineProperty(_this,"clearField",function(ev,fieldname){ev.target.previousElementSibling.value="";_this.setState(function(state){return{formValues:_objectSpread(_objectSpread({},state.formValues),{},_defineProperty({},fieldname,ev.target.value))}})});_defineProperty(_this,"reloadSelectOptions",function(){var _this$state$searchPro,_this$state$searchPro2;Object.entries((_this$state$searchPro=(_this$state$searchPro2=_this.state.searchProviders[_this.state.selectedProvider])===null||_this$state$searchPro2===void 0||(_this$state$searchPro2=_this$state$searchPro2.params)===null||_this$state$searchPro2===void 0?void 0:_this$state$searchPro2.fields)!==null&&_this$state$searchPro!==void 0?_this$state$searchPro:{}).forEach(function(_ref10){var _ref11=_slicedToArray(_ref10,2),name=_ref11[0],fieldcfg=_ref11[1];if(fieldcfg.type==="select"){if(fieldcfg.options_query){var _this$state$providerS3;var url=fieldcfg.options_query;Object.entries(_this.state.formValues).forEach(function(_ref12){var _ref13=_slicedToArray(_ref12,2),key=_ref13[0],value=_ref13[1];url=url.replace("$".concat(key,"$"),value)});if(((_this$state$providerS3=_this.state.providerSelectOptions[name])===null||_this$state$providerS3===void 0?void 0:_this$state$providerS3.source)!==url){axios.get(url).then(function(response){var options=[];if(response.data.type==="FeatureCollection"){options=Object.entries(response.data.features.reduce(function(res,feature){var value=fieldcfg.value_field==="id"?feature.id:feature.properties[fieldcfg.value_field];var label=fieldcfg.label_field==="id"?feature.id:feature.properties[fieldcfg.label_field];return _objectSpread(_objectSpread({},res),{},_defineProperty({},value,label))},{})).map(function(entry){return{value:entry[0],label:entry[1]}})}else if(Array.isArray(response.data)){options=response.data.map(function(entry){return{value:entry.key,label:entry.value}})}_this.setState(function(state){return{providerSelectOptions:_objectSpread(_objectSpread({},state.providerSelectOptions),{},_defineProperty({},name,{source:url,options:options}))}})})["catch"](function(){/* eslint-disable-next-line */console.warn("Failed to query options for field ".concat(name));_this.setState(function(state){return{providerSelectOptions:_objectSpread(_objectSpread({},state.providerSelectOptions),{},_defineProperty({},name,{source:url,options:[]}))}})})}}else if(fieldcfg.options&&!_this.state.providerSelectOptions[name]){_this.setState(function(state){return{providerSelectOptions:_objectSpread(_objectSpread({},state.providerSelectOptions),{},_defineProperty({},name,{source:"static",options:fieldcfg.options}))}})}}})});return _this}_inherits(FeatureSearch,_React$Component);return _createClass(FeatureSearch,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps,prevState){if(this.props.theme!==prevProps.theme){var _this$props$theme;var defaultProvider="";var providerGroups={};var searchProviders=(((_this$props$theme=this.props.theme)===null||_this$props$theme===void 0?void 0:_this$props$theme.searchProviders)||[]).reduce(function(res,entry){if(entry.provider==="qgis"&&entry.params){var providerDef=_objectSpread({},entry);if(!providerDef.params.fields){providerDef.params=_objectSpread({},providerDef.params);providerDef.params.fields={TEXT:{label:LocaleUtils.tr("featuresearch.query"),type:"text"}}}if(providerDef.params.titlemsgid){providerDef.params.title=LocaleUtils.tr(providerDef.params.titlemsgid)}var providerId=uuidv4();res[providerId]=providerDef;if(providerDef.params["default"]){defaultProvider=providerId}var group=providerDef.params.group||"";providerGroups[group]=[].concat(_toConsumableArray(providerGroups[group]||[]),[providerId])}return res},{});var sortedProviderGroups=Object.keys(providerGroups).sort().reduce(function(res,group){res[group]=providerGroups[group].sort(function(a,b){return searchProviders[a].params.title.localeCompare(searchProviders[b].params.title)});return res},{});this.setState({searchProviders:searchProviders,selectedProvider:defaultProvider,providerGroups:sortedProviderGroups})}if(this.state.selectedProvider!==prevState.selectedProvider){this.setState(function(state){var _state$searchProvider;return{formValues:Object.entries(((_state$searchProvider=state.searchProviders[state.selectedProvider])===null||_state$searchProvider===void 0||(_state$searchProvider=_state$searchProvider.params)===null||_state$searchProvider===void 0?void 0:_state$searchProvider.fields)||[]).reduce(function(res,_ref14){var _ref15=_slicedToArray(_ref14,2),field=_ref15[0],cfg=_ref15[1];return _objectSpread(_objectSpread({},res),{},_defineProperty({},field,""))},{})}})}else if(this.state.formValues!==prevState.formValues){this.reloadSelectOptions()}}},{key:"render",value:function render(){var _this2=this;return/*#__PURE__*/React.createElement(SideBar,{icon:"search",id:"FeatureSearch",onHide:this.onHide,side:this.props.side,title:LocaleUtils.tr("featuresearch.title"),width:"20em"},function(){return{body:_this2.renderBody()}})}}])}(React.Component);_defineProperty(FeatureSearch,"propTypes",{map:PropTypes.object,/** The side of the application on which to display the sidebar. */side:PropTypes.string,theme:PropTypes.object});_defineProperty(FeatureSearch,"defaultProps",{side:"right"});export default connect(function(state){return{map:state.map,theme:state.theme.current}},{})(FeatureSearch);
+ */
+var FeatureSearch = /*#__PURE__*/function (_React$Component) {
+  function FeatureSearch() {
+    var _this;
+    _classCallCheck(this, FeatureSearch);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, FeatureSearch, [].concat(args));
+    _defineProperty(_this, "state", {
+      busy: false,
+      searchProviders: {},
+      providerGroups: {},
+      selectedProvider: '',
+      formValues: {},
+      providerSelectOptions: {},
+      searchResults: null
+    });
+    _defineProperty(_this, "onHide", function () {
+      _this.setState({
+        searchResults: null
+      });
+    });
+    _defineProperty(_this, "renderBody", function () {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "feature-search-body"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "feature-search-selection"
+      }, /*#__PURE__*/React.createElement("select", {
+        onChange: _this.selectProvider,
+        value: _this.state.selectedProvider
+      }, /*#__PURE__*/React.createElement("option", {
+        disabled: true,
+        value: ""
+      }, LocaleUtils.tr("featuresearch.select")), Object.entries(_this.state.providerGroups).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          group = _ref2[0],
+          entries = _ref2[1];
+        return [group !== '' ? /*#__PURE__*/React.createElement("option", {
+          disabled: true,
+          key: group,
+          value: group
+        }, group) : null, entries.map(function (providerId) {
+          return /*#__PURE__*/React.createElement("option", {
+            key: providerId,
+            value: providerId
+          }, _this.state.searchProviders[providerId].params.title);
+        })];
+      }))), _this.renderSearchForm(), _this.renderSearchResults());
+    });
+    _defineProperty(_this, "renderSearchForm", function () {
+      var provider = _this.state.searchProviders[_this.state.selectedProvider];
+      if (!provider) {
+        return null;
+      }
+      var fields = Object.entries(provider.params.fields).map(function (_ref3, idx) {
+        var _value$order;
+        var _ref4 = _slicedToArray(_ref3, 2),
+          key = _ref4[0],
+          value = _ref4[1];
+        return _objectSpread(_objectSpread({
+          key: key
+        }, value), {}, {
+          order: (_value$order = value.order) !== null && _value$order !== void 0 ? _value$order : idx
+        });
+      }).sort(function (a, b) {
+        return a.order - b.order;
+      });
+      return /*#__PURE__*/React.createElement("form", {
+        className: "feature-search-form",
+        disabled: _this.state.busy,
+        onChange: function onChange() {
+          return _this.setState({
+            searchResults: null
+          });
+        },
+        onSubmit: _this.search
+      }, /*#__PURE__*/React.createElement("fieldset", {
+        disabled: _this.state.busy
+      }, provider.params.description ? /*#__PURE__*/React.createElement("div", {
+        className: "feature-search-form-descr"
+      }, provider.params.description) : null, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("tbody", null, fields.map(function (field) {
+        var _field$label;
+        return /*#__PURE__*/React.createElement("tr", {
+          key: field.key
+        }, /*#__PURE__*/React.createElement("td", null, (_field$label = field.label) !== null && _field$label !== void 0 ? _field$label : LocaleUtils.tr(field.labelmsgid), ":"), /*#__PURE__*/React.createElement("td", null, _this.renderField(field.key, field)));
+      })))), /*#__PURE__*/React.createElement("div", {
+        className: "feature-search-bar"
+      }, /*#__PURE__*/React.createElement("button", {
+        className: "button",
+        disabled: _this.state.busy,
+        type: "submit"
+      }, _this.state.busy ? /*#__PURE__*/React.createElement(Spinner, null) : null, LocaleUtils.tr("search.search"))));
+    });
+    _defineProperty(_this, "renderField", function (fieldname, fieldcfg) {
+      var onChange = function onChange(ev) {
+        return _this.setState(function (state) {
+          return {
+            formValues: _objectSpread(_objectSpread({}, state.formValues), {}, _defineProperty({}, fieldname, ev.target.value))
+          };
+        });
+      };
+      if (fieldcfg.type === "select") {
+        var _ref5, _this$state$providerS, _this$state$providerS2;
+        var options = (_ref5 = (_this$state$providerS = (_this$state$providerS2 = _this.state.providerSelectOptions[fieldname]) === null || _this$state$providerS2 === void 0 ? void 0 : _this$state$providerS2.options) !== null && _this$state$providerS !== void 0 ? _this$state$providerS : fieldcfg.options) !== null && _ref5 !== void 0 ? _ref5 : [];
+        return /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement("select", {
+          defaultValue: "",
+          name: fieldname,
+          onChange: onChange,
+          role: "input"
+        }, /*#__PURE__*/React.createElement("option", {
+          disabled: true,
+          value: ""
+        }, LocaleUtils.tr("featuresearch.select")), options.map(function (entry) {
+          var _entry$value, _entry$value2, _entry$label;
+          return /*#__PURE__*/React.createElement("option", {
+            key: (_entry$value = entry.value) !== null && _entry$value !== void 0 ? _entry$value : entry,
+            value: (_entry$value2 = entry.value) !== null && _entry$value2 !== void 0 ? _entry$value2 : entry
+          }, (_entry$label = entry.label) !== null && _entry$label !== void 0 ? _entry$label : entry.labelmsgid ? LocaleUtils.tr(entry.labelmsgid) : entry);
+        })), /*#__PURE__*/React.createElement(Icon, {
+          icon: "clear",
+          onClick: function onClick(ev) {
+            return _this.clearField(ev, fieldname);
+          },
+          role: "suffix"
+        }));
+      } else {
+        return /*#__PURE__*/React.createElement("input", _extends({
+          name: fieldname,
+          onChange: onChange,
+          type: fieldcfg.type || "text"
+        }, fieldcfg.options));
+      }
+    });
+    _defineProperty(_this, "renderSearchResults", function () {
+      if (!_this.state.searchResults) {
+        return null;
+      }
+      var provider = _this.state.searchProviders[_this.state.selectedProvider];
+      return /*#__PURE__*/React.createElement("div", {
+        className: "feature-search-results"
+      }, isEmpty(_this.state.searchResults) ? /*#__PURE__*/React.createElement("div", {
+        className: "feature-search-noresults"
+      }, LocaleUtils.tr("featuresearch.noresults")) : /*#__PURE__*/React.createElement(IdentifyViewer, {
+        collapsible: true,
+        displayResultTree: false,
+        enableExport: _this.props.enableExport,
+        identifyResults: _this.state.searchResults,
+        showLayerTitles: !provider.params.resultTitle
+      }));
+    });
+    _defineProperty(_this, "selectProvider", function (ev) {
+      _this.setState({
+        selectedProvider: ev.target.value,
+        searchResults: null,
+        providerSelectOptions: {},
+        formValues: {}
+      });
+    });
+    _defineProperty(_this, "search", function (ev) {
+      ev.preventDefault();
+      var provider = _this.state.searchProviders[_this.state.selectedProvider];
+      if (!provider) {
+        return;
+      }
+      var form = ev.target;
+      var filter = _objectSpread({}, provider.params.expression);
+      var values = {};
+      Object.keys(provider.params.fields).forEach(function (fieldname) {
+        values[fieldname] = form.elements[fieldname].value;
+      });
+      var params = {
+        SERVICE: 'WMS',
+        VERSION: _this.props.theme.version,
+        REQUEST: 'GetFeatureInfo',
+        CRS: _this.props.theme.mapCrs,
+        WIDTH: 100,
+        HEIGHT: 100,
+        LAYERS: [],
+        FILTER: [],
+        WITH_GEOMETRY: true,
+        WITH_MAPTIP: false,
+        feature_count: provider.params.featureCount || 100,
+        info_format: 'text/xml'
+      };
+      Object.keys(filter).forEach(function (layer) {
+        Object.entries(values).forEach(function (_ref6) {
+          var _ref7 = _slicedToArray(_ref6, 2),
+            key = _ref7[0],
+            value = _ref7[1];
+          filter[layer] = filter[layer].replaceAll("$".concat(key, "$"), value.replace("'", "\\'"));
+        });
+        params.LAYERS.push(layer);
+        params.FILTER.push(layer + ":" + filter[layer]);
+      });
+      params.QUERY_LAYERS = params.LAYERS = params.LAYERS.join(",");
+      params.FILTER = params.FILTER.join(";");
+      _this.setState({
+        busy: true,
+        searchResults: null
+      });
+      axios.get(_this.props.theme.featureInfoUrl, {
+        params: params
+      }).then(function (response) {
+        var results = IdentifyUtils.parseResponse(response.data, _this.props.theme, 'text/xml', null, _this.props.map.projection);
+        if (provider.params.resultTitle) {
+          Object.entries(results).forEach(function (_ref8) {
+            var _ref9 = _slicedToArray(_ref8, 2),
+              layername = _ref9[0],
+              features = _ref9[1];
+            features.forEach(function (feature) {
+              var formatValues = _objectSpread(_objectSpread({}, feature.properties), {}, {
+                id: feature.id,
+                layername: layername
+              });
+              feature.displayname = provider.params.resultTitle.replace(/{([^}]+)}/g, function (match) {
+                return formatValues[match.slice(1, -1)];
+              });
+            });
+          });
+        }
+        _this.setState({
+          busy: false,
+          searchResults: results
+        });
+      })["catch"](function () {
+        _this.setState({
+          busy: false,
+          searchResults: {}
+        });
+      });
+    });
+    _defineProperty(_this, "clearField", function (ev, fieldname) {
+      ev.target.previousElementSibling.value = "";
+      _this.setState(function (state) {
+        return {
+          formValues: _objectSpread(_objectSpread({}, state.formValues), {}, _defineProperty({}, fieldname, ev.target.value))
+        };
+      });
+    });
+    _defineProperty(_this, "reloadSelectOptions", function () {
+      var _this$state$searchPro, _this$state$searchPro2;
+      Object.entries((_this$state$searchPro = (_this$state$searchPro2 = _this.state.searchProviders[_this.state.selectedProvider]) === null || _this$state$searchPro2 === void 0 || (_this$state$searchPro2 = _this$state$searchPro2.params) === null || _this$state$searchPro2 === void 0 ? void 0 : _this$state$searchPro2.fields) !== null && _this$state$searchPro !== void 0 ? _this$state$searchPro : {}).forEach(function (_ref10) {
+        var _ref11 = _slicedToArray(_ref10, 2),
+          name = _ref11[0],
+          fieldcfg = _ref11[1];
+        if (fieldcfg.type === "select") {
+          if (fieldcfg.options_query) {
+            var _this$state$providerS3;
+            var url = fieldcfg.options_query;
+            Object.entries(_this.state.formValues).forEach(function (_ref12) {
+              var _ref13 = _slicedToArray(_ref12, 2),
+                key = _ref13[0],
+                value = _ref13[1];
+              url = url.replace("$".concat(key, "$"), value);
+            });
+            if (((_this$state$providerS3 = _this.state.providerSelectOptions[name]) === null || _this$state$providerS3 === void 0 ? void 0 : _this$state$providerS3.source) !== url) {
+              axios.get(url).then(function (response) {
+                var options = [];
+                if (response.data.type === "FeatureCollection") {
+                  options = Object.entries(response.data.features.reduce(function (res, feature) {
+                    var value = fieldcfg.value_field === 'id' ? feature.id : feature.properties[fieldcfg.value_field];
+                    var label = fieldcfg.label_field === 'id' ? feature.id : feature.properties[fieldcfg.label_field];
+                    return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, value, label));
+                  }, {})).map(function (entry) {
+                    return {
+                      value: entry[0],
+                      label: entry[1]
+                    };
+                  });
+                } else if (Array.isArray(response.data)) {
+                  options = response.data.map(function (entry) {
+                    return {
+                      value: entry.key,
+                      label: entry.value
+                    };
+                  });
+                }
+                _this.setState(function (state) {
+                  return {
+                    providerSelectOptions: _objectSpread(_objectSpread({}, state.providerSelectOptions), {}, _defineProperty({}, name, {
+                      source: url,
+                      options: options
+                    }))
+                  };
+                });
+              })["catch"](function () {
+                /* eslint-disable-next-line */
+                console.warn("Failed to query options for field ".concat(name));
+                _this.setState(function (state) {
+                  return {
+                    providerSelectOptions: _objectSpread(_objectSpread({}, state.providerSelectOptions), {}, _defineProperty({}, name, {
+                      source: url,
+                      options: []
+                    }))
+                  };
+                });
+              });
+            }
+          } else if (fieldcfg.options && !_this.state.providerSelectOptions[name]) {
+            _this.setState(function (state) {
+              return {
+                providerSelectOptions: _objectSpread(_objectSpread({}, state.providerSelectOptions), {}, _defineProperty({}, name, {
+                  source: "static",
+                  options: fieldcfg.options
+                }))
+              };
+            });
+          }
+        }
+      });
+    });
+    return _this;
+  }
+  _inherits(FeatureSearch, _React$Component);
+  return _createClass(FeatureSearch, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.props.theme !== prevProps.theme) {
+        var _this$props$theme;
+        var defaultProvider = '';
+        var providerGroups = {};
+        var searchProviders = (((_this$props$theme = this.props.theme) === null || _this$props$theme === void 0 ? void 0 : _this$props$theme.searchProviders) || []).reduce(function (res, entry) {
+          if (entry.provider === "qgis" && entry.params) {
+            var providerDef = _objectSpread({}, entry);
+            if (!providerDef.params.fields) {
+              providerDef.params = _objectSpread({}, providerDef.params);
+              providerDef.params.fields = {
+                TEXT: {
+                  label: LocaleUtils.tr("featuresearch.query"),
+                  type: "text"
+                }
+              };
+            }
+            if (providerDef.params.titlemsgid) {
+              providerDef.params.title = LocaleUtils.tr(providerDef.params.titlemsgid);
+            }
+            var providerId = uuidv4();
+            res[providerId] = providerDef;
+            if (providerDef.params["default"]) {
+              defaultProvider = providerId;
+            }
+            var group = providerDef.params.group || '';
+            providerGroups[group] = [].concat(_toConsumableArray(providerGroups[group] || []), [providerId]);
+          }
+          return res;
+        }, {});
+        var sortedProviderGroups = Object.keys(providerGroups).sort().reduce(function (res, group) {
+          res[group] = providerGroups[group].sort(function (a, b) {
+            return searchProviders[a].params.title.localeCompare(searchProviders[b].params.title);
+          });
+          return res;
+        }, {});
+        this.setState({
+          searchProviders: searchProviders,
+          selectedProvider: defaultProvider,
+          providerGroups: sortedProviderGroups
+        });
+      }
+      if (this.state.selectedProvider !== prevState.selectedProvider) {
+        this.setState(function (state) {
+          var _state$searchProvider;
+          return {
+            formValues: Object.entries(((_state$searchProvider = state.searchProviders[state.selectedProvider]) === null || _state$searchProvider === void 0 || (_state$searchProvider = _state$searchProvider.params) === null || _state$searchProvider === void 0 ? void 0 : _state$searchProvider.fields) || []).reduce(function (res, _ref14) {
+              var _ref15 = _slicedToArray(_ref14, 2),
+                field = _ref15[0],
+                cfg = _ref15[1];
+              return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, field, ""));
+            }, {})
+          };
+        });
+      } else if (this.state.formValues !== prevState.formValues) {
+        this.reloadSelectOptions();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      return /*#__PURE__*/React.createElement(SideBar, {
+        icon: "search",
+        id: "FeatureSearch",
+        onHide: this.onHide,
+        side: this.props.side,
+        title: LocaleUtils.tr("featuresearch.title"),
+        width: "20em"
+      }, function () {
+        return {
+          body: _this2.renderBody()
+        };
+      });
+    }
+  }]);
+}(React.Component);
+_defineProperty(FeatureSearch, "propTypes", {
+  /** Whether to enable the export functionality. Either `true|false` or a list of single allowed formats (builtin formats: `json`, `geojson`, `csv`, `csvzip`, `shapefile`, `xlsx`). If a list is provided, the export formats will be sorted according to that list, and the default format will be the first format of the list. */
+  enableExport: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
+  map: PropTypes.object,
+  /** The side of the application on which to display the sidebar. */
+  side: PropTypes.string,
+  theme: PropTypes.object
+});
+_defineProperty(FeatureSearch, "defaultProps", {
+  enableExport: true,
+  side: 'right'
+});
+export default connect(function (state) {
+  return {
+    map: state.map,
+    theme: state.theme.current
+  };
+}, {})(FeatureSearch);