qwc2 2025.10.9 → 2025.10.14

package/components/widgets/LayerCatalogWidget.js

@@ -1,3 +1,219 @@
-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 _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]}},e:function e(r){throw r},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,u=!1;return{s:function s(){t=t.call(r)},n:function n(){var r=t.next();return a=r.done,r},e:function e(r){u=!0,o=r},f:function f(){try{a||null==t["return"]||t["return"]()}finally{if(u)throw o}}}}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 _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 _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 _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 _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 _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)}import React from"react";import{remove as removeDiacritics}from"diacritics";import isEmpty from"lodash.isempty";import PropTypes from"prop-types";import LayerUtils from"../../utils/LayerUtils";import LocaleUtils from"../../utils/LocaleUtils";import ServiceLayerUtils from"../../utils/ServiceLayerUtils";import Icon from"../Icon";import InputContainer from"./InputContainer";import"./style/LayerCatalogWidget.css";var LayerCatalogWidget=/*#__PURE__*/function(_React$PureComponent){function LayerCatalogWidget(props){var _this;_classCallCheck(this,LayerCatalogWidget);_this=_callSuper(this,LayerCatalogWidget,[props]);_defineProperty(_this,"state",{catalog:[],filter:""});_defineProperty(_this,"toggleLayerListEntry",function(path){_this.setState(function(state){var newCatalog=_toConsumableArray(state.catalog);newCatalog[path[0]]=_objectSpread({},newCatalog[path[0]]);var cur=newCatalog[path[0]];var _iterator=_createForOfIteratorHelper(path.slice(1)),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var idx=_step.value;cur.sublayers[idx]=_objectSpread({},cur.sublayers[idx]);cur=cur.sublayers[idx]}}catch(err){_iterator.e(err)}finally{_iterator.f()}cur.expanded=!cur.expanded;return{catalog:newCatalog}})});_defineProperty(_this,"addServiceLayer",function(entry){var asGroup=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;if(entry.resource){var _entry$title;var params=LayerUtils.splitLayerUrlParam(entry.resource);// Create placeholder layer
-_this.props.addLayer({id:params.id,type:"placeholder",name:params.name,title:(_entry$title=entry.title)!==null&&_entry$title!==void 0?_entry$title:params.name,role:params.USERLAYER,loading:true});ServiceLayerUtils.findLayers(params.type,params.url,[params],_this.props.mapCrs,function(id,layer){if(layer){if(entry.sublayers===false||!asGroup){layer.sublayers=null}LayerUtils.propagateLayerProperty(layer,"opacity",params.opacity);_this.props.replacePlaceholderLayer(params.id,layer)}else{// eslint-disable-next-line
-alert(LocaleUtils.tr("importlayer.addfailed"));_this.props.removeLayer(params.id)}})}else if(entry.type==="wms"||entry.type==="wfs"||entry.type==="wmts"){if(asGroup){_this.props.addLayer(entry)}else{_this.props.addLayer(_objectSpread(_objectSpread({},entry),{},{sublayers:null}))}}});_this.state.catalog=props.catalog||[];return _this}_inherits(LayerCatalogWidget,_React$PureComponent);return _createClass(LayerCatalogWidget,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(this.props.catalog!==prevProps.catalog){this.setState({catalog:this.props.catalog||[]})}}},{key:"renderCatalogEntry",value:function renderCatalogEntry(entry,filter,path){var _this2=this;var level=arguments.length>3&&arguments[3]!==undefined?arguments[3]:0;var idx=arguments.length>4?arguments[4]:undefined;var hasSublayers=!isEmpty(entry.sublayers);var sublayers=hasSublayers?entry.sublayers.map(function(sublayer,i){return _this2.renderCatalogEntry(sublayer,filter,[].concat(_toConsumableArray(path),[i]),level+1,i)}):[];if(sublayers.filter(function(item){return item}).length===0&&filter&&!removeDiacritics(entry.title).match(filter)){return null}var type=entry.resource?entry.resource.slice(0,entry.resource.indexOf(":")):entry.type;var key=(entry.resource||entry.type+":"+entry.name)+":"+idx;var indentSize=!this.props.levelBasedIndentSize&&level>0?1.5:level;return/*#__PURE__*/React.createElement("div",{key:key,style:{paddingLeft:indentSize+"em"}},/*#__PURE__*/React.createElement("div",{className:"layer-catalog-widget-entry"},hasSublayers?/*#__PURE__*/React.createElement(Icon,{icon:entry.expanded?"tree_minus":"tree_plus",onClick:function onClick(){return _this2.toggleLayerListEntry(path)}}):/*#__PURE__*/React.createElement("span",{className:"layer-catalog-widget-entry-iconspacer"}),/*#__PURE__*/React.createElement("span",{className:"layer-catalog-widget-entry-contents",onClick:function onClick(){return type?_this2.addServiceLayer(entry,!hasSublayers):_this2.toggleLayerListEntry(path)}},type?/*#__PURE__*/React.createElement("span",{className:"layer-catalog-widget-entry-service"},type):null,entry.title),hasSublayers&&type==="wms"?/*#__PURE__*/React.createElement(Icon,{icon:"group",onClick:function onClick(){return _this2.addServiceLayer(entry,true)},title:LocaleUtils.tr("importlayer.asgroup")}):null),entry.expanded?sublayers:null)}},{key:"render",value:function render(){var _this3=this;var filter=new RegExp(removeDiacritics(this.state.filter).replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&"),"i");var emptyEntry=null;if(isEmpty(this.state.catalog)&&this.props.pendingRequests===0){emptyEntry=/*#__PURE__*/React.createElement("div",{className:"layer-catalog-placeholder"},LocaleUtils.tr("importlayer.noresults"))}else if(isEmpty(this.state.catalog)){emptyEntry=/*#__PURE__*/React.createElement("div",{className:"layer-catalog-placeholder"},LocaleUtils.tr("importlayer.loading"))}var filterplaceholder=LocaleUtils.tr("importlayer.filter");return/*#__PURE__*/React.createElement("div",{className:"layer-catalog-widget"},/*#__PURE__*/React.createElement(InputContainer,{className:"layer-catalog-widget-filter"},/*#__PURE__*/React.createElement("input",{onChange:function onChange(ev){return _this3.setState({filter:ev.target.value})},placeholder:filterplaceholder,role:"input",type:"text",value:this.state.filter}),/*#__PURE__*/React.createElement(Icon,{icon:"clear",onClick:function onClick(){return _this3.setState({filter:""})},role:"suffix"})),/*#__PURE__*/React.createElement("div",{className:"layer-catalog-widget-body"},this.state.catalog.map(function(entry,idx){return _this3.renderCatalogEntry(entry,filter,[idx],0,idx)}),emptyEntry))}}])}(React.PureComponent);_defineProperty(LayerCatalogWidget,"propTypes",{addLayer:PropTypes.func,catalog:PropTypes.array,levelBasedIndentSize:PropTypes.bool,mapCrs:PropTypes.string,pendingRequests:PropTypes.number,removeLayer:PropTypes.func,replacePlaceholderLayer:PropTypes.func});export{LayerCatalogWidget as default};
+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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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 _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 _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 _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 _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 _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); }
+import React from 'react';
+import { remove as removeDiacritics } from 'diacritics';
+import isEmpty from 'lodash.isempty';
+import PropTypes from 'prop-types';
+import LayerUtils from '../../utils/LayerUtils';
+import LocaleUtils from '../../utils/LocaleUtils';
+import ServiceLayerUtils from '../../utils/ServiceLayerUtils';
+import Icon from '../Icon';
+import InputContainer from './InputContainer';
+import './style/LayerCatalogWidget.css';
+var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
+  function LayerCatalogWidget(props) {
+    var _this;
+    _classCallCheck(this, LayerCatalogWidget);
+    _this = _callSuper(this, LayerCatalogWidget, [props]);
+    _defineProperty(_this, "state", {
+      catalog: [],
+      filter: ""
+    });
+    _defineProperty(_this, "toggleLayerListEntry", function (path) {
+      _this.setState(function (state) {
+        var newCatalog = _toConsumableArray(state.catalog);
+        newCatalog[path[0]] = _objectSpread({}, newCatalog[path[0]]);
+        var cur = newCatalog[path[0]];
+        var _iterator = _createForOfIteratorHelper(path.slice(1)),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var idx = _step.value;
+            cur.sublayers[idx] = _objectSpread({}, cur.sublayers[idx]);
+            cur = cur.sublayers[idx];
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+        cur.expanded = !cur.expanded;
+        return {
+          catalog: newCatalog
+        };
+      });
+    });
+    _defineProperty(_this, "addServiceLayer", function (entry) {
+      var asGroup = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (entry.resource) {
+        var _entry$title;
+        var params = LayerUtils.splitLayerUrlParam(entry.resource);
+        // Create placeholder layer
+        _this.props.addLayer({
+          id: params.id,
+          type: "placeholder",
+          name: params.name,
+          title: (_entry$title = entry.title) !== null && _entry$title !== void 0 ? _entry$title : params.name,
+          role: params.USERLAYER,
+          loading: true
+        });
+        ServiceLayerUtils.findLayers(params.type, params.url, [params], _this.props.mapCrs, function (id, layer) {
+          if (layer) {
+            if (entry.sublayers === false || !asGroup) {
+              layer.sublayers = null;
+            }
+            LayerUtils.propagateLayerProperty(layer, "opacity", params.opacity);
+            _this.props.replacePlaceholderLayer(params.id, layer);
+          } else {
+            // eslint-disable-next-line
+            alert(LocaleUtils.tr("importlayer.addfailed"));
+            _this.props.removeLayer(params.id);
+          }
+        });
+      } else if (entry.type === "wms" || entry.type === "wfs" || entry.type === "wmts") {
+        if (asGroup) {
+          _this.props.addLayer(entry);
+        } else {
+          _this.props.addLayer(_objectSpread(_objectSpread({}, entry), {}, {
+            sublayers: null
+          }));
+        }
+      }
+    });
+    _this.state.catalog = props.catalog || [];
+    return _this;
+  }
+  _inherits(LayerCatalogWidget, _React$PureComponent);
+  return _createClass(LayerCatalogWidget, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.catalog !== prevProps.catalog) {
+        this.setState({
+          catalog: this.props.catalog || []
+        });
+      }
+    }
+  }, {
+    key: "renderCatalogEntry",
+    value: function renderCatalogEntry(entry, filter, path) {
+      var _this2 = this;
+      var level = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+      var idx = arguments.length > 4 ? arguments[4] : undefined;
+      var hasSublayers = !isEmpty(entry.sublayers);
+      var sublayers = hasSublayers ? entry.sublayers.map(function (sublayer, i) {
+        return _this2.renderCatalogEntry(sublayer, filter, [].concat(_toConsumableArray(path), [i]), level + 1, i);
+      }) : [];
+      if (sublayers.filter(function (item) {
+        return item;
+      }).length === 0 && filter && !removeDiacritics(entry.title).match(filter)) {
+        return null;
+      }
+      var type = entry.resource ? entry.resource.slice(0, entry.resource.indexOf(":")) : entry.type;
+      var key = (entry.resource || entry.type + ":" + entry.name) + ":" + idx;
+      var indentSize = !this.props.levelBasedIndentSize && level > 0 ? 1.5 : level;
+      return /*#__PURE__*/React.createElement("div", {
+        key: key,
+        style: {
+          paddingLeft: indentSize + 'em'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "layer-catalog-widget-entry"
+      }, hasSublayers ? /*#__PURE__*/React.createElement(Icon, {
+        icon: entry.expanded ? 'tree_minus' : 'tree_plus',
+        onClick: function onClick() {
+          return _this2.toggleLayerListEntry(path);
+        }
+      }) : /*#__PURE__*/React.createElement("span", {
+        className: "layer-catalog-widget-entry-iconspacer"
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "layer-catalog-widget-entry-contents",
+        onClick: function onClick() {
+          return type ? _this2.addServiceLayer(entry, !hasSublayers) : _this2.toggleLayerListEntry(path);
+        }
+      }, type ? /*#__PURE__*/React.createElement("span", {
+        className: "layer-catalog-widget-entry-service"
+      }, type) : null, entry.title), hasSublayers && type === "wms" ? /*#__PURE__*/React.createElement(Icon, {
+        icon: "group",
+        onClick: function onClick() {
+          return _this2.addServiceLayer(entry, true);
+        },
+        title: LocaleUtils.tr("importlayer.asgroup")
+      }) : null), entry.expanded ? sublayers : null);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      var filter = new RegExp(removeDiacritics(this.state.filter).replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&"), "i");
+      var emptyEntry = null;
+      if (isEmpty(this.state.catalog) && this.props.pendingRequests === 0) {
+        emptyEntry = /*#__PURE__*/React.createElement("div", {
+          className: "layer-catalog-placeholder"
+        }, LocaleUtils.tr("importlayer.noresults"));
+      } else if (isEmpty(this.state.catalog)) {
+        emptyEntry = /*#__PURE__*/React.createElement("div", {
+          className: "layer-catalog-placeholder"
+        }, LocaleUtils.tr("importlayer.loading"));
+      }
+      var filterplaceholder = LocaleUtils.tr("importlayer.filter");
+      return /*#__PURE__*/React.createElement("div", {
+        className: "layer-catalog-widget"
+      }, /*#__PURE__*/React.createElement(InputContainer, {
+        className: "layer-catalog-widget-filter"
+      }, /*#__PURE__*/React.createElement("input", {
+        onChange: function onChange(ev) {
+          return _this3.setState({
+            filter: ev.target.value
+          });
+        },
+        placeholder: filterplaceholder,
+        role: "input",
+        type: "text",
+        value: this.state.filter
+      }), /*#__PURE__*/React.createElement(Icon, {
+        icon: "clear",
+        onClick: function onClick() {
+          return _this3.setState({
+            filter: ""
+          });
+        },
+        role: "suffix"
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "layer-catalog-widget-body"
+      }, this.state.catalog.map(function (entry, idx) {
+        return _this3.renderCatalogEntry(entry, filter, [idx], 0, idx);
+      }), emptyEntry));
+    }
+  }]);
+}(React.PureComponent);
+_defineProperty(LayerCatalogWidget, "propTypes", {
+  addLayer: PropTypes.func,
+  catalog: PropTypes.array,
+  levelBasedIndentSize: PropTypes.bool,
+  mapCrs: PropTypes.string,
+  pendingRequests: PropTypes.number,
+  removeLayer: PropTypes.func,
+  replacePlaceholderLayer: PropTypes.func
+});
+export { LayerCatalogWidget as default };

package/components/widgets/MenuButton.js

@@ -1 +1,157 @@
-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 _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)}import React from"react";import classnames from"classnames";import PropTypes from"prop-types";import Icon from"../Icon";import PopupMenu from"./PopupMenu";import"./style/MenuButton.css";var MenuButton=/*#__PURE__*/function(_React$Component){function MenuButton(props){var _this;_classCallCheck(this,MenuButton);_this=_callSuper(this,MenuButton,[props]);_defineProperty(_this,"state",{popup:false,selected:null});_defineProperty(_this,"onMenuClicked",function(){if(!_this.props.disabled){_this.setState({popup:true})}});_defineProperty(_this,"onButtonClicked",function(ev){ev.stopPropagation();if(_this.state.selected){_this.props.onActivate(_this.state.selected)}else{_this.onMenuClicked()}});_defineProperty(_this,"onChildClicked",function(child){if(!child.props.disabled){if(_this.state.selected){_this.setState({selected:child.props.value})}_this.props.onActivate(child.props.value)}});_this.el=null;if(!props.menuIcon&&!props.menuLabel){var _this$props$active;_this.state.selected=((_this$props$active=_this.props.active)!==null&&_this$props$active!==void 0?_this$props$active:props.children.length>0)?props.children[0].props.value:null}return _this}_inherits(MenuButton,_React$Component);return _createClass(MenuButton,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(this.props.active!==prevProps.active&&this.props.active&&this.props.active!==this.state.selected){this.setState({selected:this.props.active})}}},{key:"render",value:function render(){var _this2=this;var children=React.Children.toArray(this.props.children);var rect=this.el?this.el.getBoundingClientRect():null;var buttonContents=null;if(this.props.menuIcon||this.props.menuLabel){buttonContents=[this.props.menuIcon?/*#__PURE__*/React.createElement(Icon,{icon:this.props.menuIcon,key:"icon"}):null,this.props.menuLabel?/*#__PURE__*/React.createElement("span",null,this.props.menuLabel):null]}else{buttonContents=children.filter(function(child){return child.props.value===_this2.state.selected})}var classes=classnames(_defineProperty({"menubutton":true,"menubutton-disabled":this.props.disabled},this.props.className,!!this.props.className));var buttonClassnames=classnames({"menubutton-button":true,"menubutton-togglebutton":!this.props.menuIcon&&!this.props.menuLabel,"menubutton-menubutton":this.props.menuIcon||this.props.menuLabel,"menubutton-button-active":!!this.props.active,"menubutton-button-hover":this.state.popup});return/*#__PURE__*/React.createElement("div",{className:classes,ref:function ref(el){_this2.el=el}},/*#__PURE__*/React.createElement("div",{className:buttonClassnames,onClick:this.onMenuClicked},/*#__PURE__*/React.createElement("span",{className:"menubutton-button-content",onClick:this.onButtonClicked},buttonContents),/*#__PURE__*/React.createElement("span",{className:"menubotton-button-arrow"},/*#__PURE__*/React.createElement(Icon,{icon:"chevron-down"})),this.props.tooltip?/*#__PURE__*/React.createElement("span",{className:"menubutton-tooltip "+("menubutton-tooltip-"+this.props.tooltipPos)},this.props.tooltip):null),this.el&&this.state.popup?/*#__PURE__*/React.createElement(PopupMenu,{className:"menubutton-menu"+(this.props.menuClassName?" "+this.props.menuClassName:""),onClose:function onClose(){return _this2.setState({popup:false})},width:rect.width,x:rect.left,y:rect.bottom},children.map(function(child){var classNames=classnames(_defineProperty({"menubutton-menu-active":child.props.value===_this2.state.selected&&!child.props.disabled,"menubutton-menu-disabled":child.props.disabled},child.props.className,!!child.props.className));return/*#__PURE__*/React.cloneElement(child,{className:classNames,onClickCapture:function onClickCapture(){return _this2.onChildClicked(child)}})})):null)}}])}(React.Component);_defineProperty(MenuButton,"propTypes",{active:PropTypes.string,children:PropTypes.array,className:PropTypes.string,disabled:PropTypes.bool,menuClassName:PropTypes.string,menuIcon:PropTypes.string,menuLabel:PropTypes.string,onActivate:PropTypes.func,tooltip:PropTypes.string,tooltipPos:PropTypes.string});_defineProperty(MenuButton,"defaultProps",{tooltipPos:"bottom"});export{MenuButton as default};
+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 _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); }
+import React from 'react';
+import classnames from 'classnames';
+import PropTypes from 'prop-types';
+import Icon from '../Icon';
+import PopupMenu from './PopupMenu';
+import './style/MenuButton.css';
+var MenuButton = /*#__PURE__*/function (_React$Component) {
+  function MenuButton(props) {
+    var _this;
+    _classCallCheck(this, MenuButton);
+    _this = _callSuper(this, MenuButton, [props]);
+    _defineProperty(_this, "state", {
+      popup: false,
+      selected: null
+    });
+    _defineProperty(_this, "onMenuClicked", function () {
+      if (!_this.props.disabled) {
+        _this.setState({
+          popup: true
+        });
+      }
+    });
+    _defineProperty(_this, "onButtonClicked", function (ev) {
+      ev.stopPropagation();
+      if (_this.state.selected) {
+        _this.props.onActivate(_this.state.selected);
+      } else {
+        _this.onMenuClicked();
+      }
+    });
+    _defineProperty(_this, "onChildClicked", function (child) {
+      if (!child.props.disabled) {
+        if (_this.state.selected) {
+          _this.setState({
+            selected: child.props.value
+          });
+        }
+        _this.props.onActivate(child.props.value);
+      }
+    });
+    _this.el = null;
+    if (!props.menuIcon && !props.menuLabel) {
+      var _this$props$active;
+      _this.state.selected = ((_this$props$active = _this.props.active) !== null && _this$props$active !== void 0 ? _this$props$active : props.children.length > 0) ? props.children[0].props.value : null;
+    }
+    return _this;
+  }
+  _inherits(MenuButton, _React$Component);
+  return _createClass(MenuButton, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.active !== prevProps.active && this.props.active && this.props.active !== this.state.selected) {
+        this.setState({
+          selected: this.props.active
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var children = React.Children.toArray(this.props.children);
+      var rect = this.el ? this.el.getBoundingClientRect() : null;
+      var buttonContents = null;
+      if (this.props.menuIcon || this.props.menuLabel) {
+        buttonContents = [this.props.menuIcon ? /*#__PURE__*/React.createElement(Icon, {
+          icon: this.props.menuIcon,
+          key: "icon"
+        }) : null, this.props.menuLabel ? /*#__PURE__*/React.createElement("span", null, this.props.menuLabel) : null];
+      } else {
+        buttonContents = children.filter(function (child) {
+          return child.props.value === _this2.state.selected;
+        });
+      }
+      var classes = classnames(_defineProperty({
+        "menubutton": true,
+        "menubutton-disabled": this.props.disabled
+      }, this.props.className, !!this.props.className));
+      var buttonClassnames = classnames({
+        "menubutton-button": true,
+        "menubutton-togglebutton": !this.props.menuIcon && !this.props.menuLabel,
+        "menubutton-menubutton": this.props.menuIcon || this.props.menuLabel,
+        "menubutton-button-active": !!this.props.active,
+        "menubutton-button-hover": this.state.popup
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes,
+        ref: function ref(el) {
+          _this2.el = el;
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: buttonClassnames,
+        onClick: this.onMenuClicked
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "menubutton-button-content",
+        onClick: this.onButtonClicked
+      }, buttonContents), /*#__PURE__*/React.createElement("span", {
+        className: "menubotton-button-arrow"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: "chevron-down"
+      })), this.props.tooltip ? /*#__PURE__*/React.createElement("span", {
+        className: "menubutton-tooltip " + ("menubutton-tooltip-" + this.props.tooltipPos)
+      }, this.props.tooltip) : null), this.el && this.state.popup ? /*#__PURE__*/React.createElement(PopupMenu, {
+        className: "menubutton-menu" + (this.props.menuClassName ? " " + this.props.menuClassName : ""),
+        onClose: function onClose() {
+          return _this2.setState({
+            popup: false
+          });
+        },
+        width: rect.width,
+        x: rect.left,
+        y: rect.bottom
+      }, children.map(function (child) {
+        var classNames = classnames(_defineProperty({
+          "menubutton-menu-active": child.props.value === _this2.state.selected && !child.props.disabled,
+          "menubutton-menu-disabled": child.props.disabled
+        }, child.props.className, !!child.props.className));
+        return /*#__PURE__*/React.cloneElement(child, {
+          className: classNames,
+          onClickCapture: function onClickCapture() {
+            return _this2.onChildClicked(child);
+          }
+        });
+      })) : null);
+    }
+  }]);
+}(React.Component);
+_defineProperty(MenuButton, "propTypes", {
+  active: PropTypes.string,
+  children: PropTypes.array,
+  className: PropTypes.string,
+  disabled: PropTypes.bool,
+  menuClassName: PropTypes.string,
+  menuIcon: PropTypes.string,
+  menuLabel: PropTypes.string,
+  onActivate: PropTypes.func,
+  tooltip: PropTypes.string,
+  tooltipPos: PropTypes.string
+});
+_defineProperty(MenuButton, "defaultProps", {
+  tooltipPos: 'bottom'
+});
+export { MenuButton as default };

package/components/widgets/ModalDialog.js

@@ -1,7 +1,69 @@
-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 _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 _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 ReactDOM from"react-dom";import PropTypes from"prop-types";import Icon from"../Icon";import"./style/ModalDialog.css";var ModalDialog=/*#__PURE__*/function(_React$Component){function ModalDialog(props){var _this;_classCallCheck(this,ModalDialog);_this=_callSuper(this,ModalDialog,[props]);_defineProperty(_this,"componentDidMount",function(){document.body.appendChild(_this.el)});_defineProperty(_this,"componentWillUnmount",function(){document.body.removeChild(_this.el)});_this.el=document.createElement("div");_this.el.className="modal-dialog-container";return _this}_inherits(ModalDialog,_React$Component);return _createClass(ModalDialog,[{key:"render",value:function render(){var contents=/*#__PURE__*/React.createElement("div",{className:"modal-dialog"},/*#__PURE__*/React.createElement("div",{className:"modal-dialog-title"},/*#__PURE__*/React.createElement(Icon,{icon:this.props.icon}),/*#__PURE__*/React.createElement("span",null,this.props.title),/*#__PURE__*/React.createElement(Icon,{icon:"remove",onClick:this.props.onClose})),/*#__PURE__*/React.createElement("div",{className:"modal-dialog-body"},this.props.children));return/*#__PURE__*/ReactDOM.createPortal(contents,this.el)}}])}(React.Component);_defineProperty(ModalDialog,"propTypes",{children:PropTypes.oneOfType([PropTypes.node,PropTypes.func]),icon:PropTypes.string,onClose:PropTypes.func,title:PropTypes.string});export{ModalDialog as default};
+ */
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import PropTypes from 'prop-types';
+import Icon from '../Icon';
+import './style/ModalDialog.css';
+var ModalDialog = /*#__PURE__*/function (_React$Component) {
+  function ModalDialog(props) {
+    var _this;
+    _classCallCheck(this, ModalDialog);
+    _this = _callSuper(this, ModalDialog, [props]);
+    _defineProperty(_this, "componentDidMount", function () {
+      document.body.appendChild(_this.el);
+    });
+    _defineProperty(_this, "componentWillUnmount", function () {
+      document.body.removeChild(_this.el);
+    });
+    _this.el = document.createElement("div");
+    _this.el.className = "modal-dialog-container";
+    return _this;
+  }
+  _inherits(ModalDialog, _React$Component);
+  return _createClass(ModalDialog, [{
+    key: "render",
+    value: function render() {
+      var contents = /*#__PURE__*/React.createElement("div", {
+        className: "modal-dialog"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "modal-dialog-title"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: this.props.icon
+      }), /*#__PURE__*/React.createElement("span", null, this.props.title), /*#__PURE__*/React.createElement(Icon, {
+        icon: "remove",
+        onClick: this.props.onClose
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "modal-dialog-body"
+      }, this.props.children));
+      return /*#__PURE__*/ReactDOM.createPortal(contents, this.el);
+    }
+  }]);
+}(React.Component);
+_defineProperty(ModalDialog, "propTypes", {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  icon: PropTypes.string,
+  onClose: PropTypes.func,
+  title: PropTypes.string
+});
+export { ModalDialog as default };