qwc2 2025.12.15 → 2025.12.18

package/components/SearchBox.js

@@ -128,7 +128,7 @@ var SearchBox = /*#__PURE__*/function (_React$Component) {
         value: _this.state.selectedProvider
       }, /*#__PURE__*/React.createElement("div", {
         value: ""
-      }, LocaleUtils.tr("search.all")), Object.entries(_this.props.searchProviders).map(function (_ref) {
+      }, LocaleUtils.tr("common.all")), Object.entries(_this.props.searchProviders).map(function (_ref) {
         var _prov$params, _prov$label;
         var _ref2 = _slicedToArray(_ref, 2),
           key = _ref2[0],
@@ -162,14 +162,14 @@ var SearchBox = /*#__PURE__*/function (_React$Component) {
       }
       var filterButtons = [{
         key: "Polygon",
-        tooltip: LocaleUtils.tr("redlining.polygon"),
+        tooltip: LocaleUtils.tr("common.polygon"),
         icon: "polygon",
-        label: LocaleUtils.tr("redlining.polygon")
+        label: LocaleUtils.tr("common.polygon")
       }, {
         key: "Circle",
-        tooltip: LocaleUtils.tr("redlining.circle"),
+        tooltip: LocaleUtils.tr("common.circle"),
         icon: "circle",
-        label: LocaleUtils.tr("redlining.circle")
+        label: LocaleUtils.tr("common.circle")
       }];
       return /*#__PURE__*/React.createElement("div", {
         className: "searchbox-filter-options"
@@ -182,7 +182,7 @@ var SearchBox = /*#__PURE__*/function (_React$Component) {
       }), searchRegionSelection, /*#__PURE__*/React.createElement("button", {
         className: "button",
         onClick: _this.clearFilter,
-        title: LocaleUtils.tr("search.clearfilter")
+        title: LocaleUtils.tr("common.clear")
       }, /*#__PURE__*/React.createElement(Icon, {
         icon: "clear"
       }))))), _this.state.filterGeomType === 'Circle' ? /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", null, LocaleUtils.tr("search.circleradius"), ":"), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(NumberInput, {
@@ -253,7 +253,7 @@ var SearchBox = /*#__PURE__*/function (_React$Component) {
             className: "searchbox-noresults",
             disabled: true,
             key: "noresults"
-          }, LocaleUtils.tr("search.noresults"));
+          }, LocaleUtils.tr("common.noresults"));
         } else {
           return null;
         }
@@ -266,7 +266,8 @@ var SearchBox = /*#__PURE__*/function (_React$Component) {
             resultsVisible: false
           });
         },
-        setMaxWidth: true
+        setMaxWidth: true,
+        spaceKeyActivation: false
       }, children);
     });
     _defineProperty(_this, "renderRecentResults", function () {
@@ -789,6 +790,12 @@ var SearchBox = /*#__PURE__*/function (_React$Component) {
       deflt = deflt !== null && deflt !== void 0 ? deflt : _this.props.searchOptions.sectionsDefaultCollapsed || false;
       return (_this$state$collapsed = _this.state.collapsedSections[section]) !== null && _this$state$collapsed !== void 0 ? _this$state$collapsed : deflt;
     });
+    _defineProperty(_this, "setSearchBoxRef", function (el) {
+      _this.searchBox = el;
+      if (el && _this.props.searchOptions.focusOnStartup) {
+        el.focus();
+      }
+    });
     _defineProperty(_this, "toggleFilterOptions", function (visible) {
       _this.setState({
         filterOptionsVisible: visible
@@ -845,7 +852,8 @@ var SearchBox = /*#__PURE__*/function (_React$Component) {
         searchResults: {},
         selectedProvider: '',
         filterRegionName: "",
-        filterGeometry: null
+        filterGeometry: null,
+        resultsVisible: false
       });
       _this.props.removeLayer('searchselection');
       UrlParams.updateParams({
@@ -1201,9 +1209,7 @@ var SearchBox = /*#__PURE__*/function (_React$Component) {
         onFocus: this.onFocus,
         onKeyDown: this.onKeyDown,
         placeholder: placeholder,
-        ref: function ref(el) {
-          _this3.searchBox = el;
-        },
+        ref: this.setSearchBoxRef,
         role: "input",
         type: "text",
         value: this.state.searchText
@@ -1252,6 +1258,7 @@ _defineProperty(SearchBox, "propTypes", {
   replacePlaceholderLayer: PropTypes.func,
   searchOptions: PropTypes.shape({
     allowSearchFilters: PropTypes.bool,
+    focusOnStartup: PropTypes.bool,
     hideResultLabels: PropTypes.bool,
     highlightStyle: PropTypes.object,
     minScaleDenom: PropTypes.number,

package/components/SideBar.js

@@ -100,6 +100,10 @@ var SideBar = /*#__PURE__*/function (_React$Component) {
       if (newVisible && (!oldVisible || this.props.currentTask.mode !== prevProps.currentTask.mode)) {
         this.setState({
           render: true
+        }, function () {
+          var _this2$sidebar$queryS, _this2$sidebar$queryS2;
+          // Set focus to first focusable element
+          (_this2$sidebar$queryS = _this2.sidebar.querySelector('[tabindex="0"]')) === null || _this2$sidebar$queryS === void 0 || (_this2$sidebar$queryS2 = _this2$sidebar$queryS.focus) === null || _this2$sidebar$queryS2 === void 0 || _this2$sidebar$queryS2.call(_this2$sidebar$queryS);
         });
         this.props.onShow(this.props.currentTask.mode);
       } else if (!newVisible && oldVisible) {

package/components/map3d/drawtool/EditTool3D.js

@@ -498,7 +498,7 @@ var EditTool3D = /*#__PURE__*/function (_React$Component) {
       }];
       var extraButtons = [{
         key: "clone",
-        tooltip: LocaleUtils.tr("draw3d.clone"),
+        tooltip: LocaleUtils.tr("common.clone"),
         icon: "clone"
       }, {
         key: "NumericInput",

package/components/style/IdentifyViewer.css

@@ -70,7 +70,8 @@ div.identify-body div.identify-result-frame {
     border: 1px solid var(--border-color);
 }
 
-div.identify-body div.identify-result-frame:hover {
+div.identify-body div.identify-result-frame:hover,
+div.identify-body div.identify-result-tree-frame:hover {
     border: 1px solid var(--color-active);
 }
 
@@ -112,14 +113,15 @@ div.identify-body .identify-result-tree-frame > div.identify-result-container {
 }
 
 div.identify-compare-results {
-    display: flex;
-    flex-wrap: wrap;
+    display: grid;
+    gap: 0.25em;
+    grid-template-columns: repeat(auto-fit, minmax(calc(198px), 1fr));
     overflow: auto;
     flex: 1 1 auto;
 }
 
-div.identify-compare-results > div.identify-result-frame {
-    flex: 1 1 20em;
+div.identify-compare-results > div {
+    overflow: auto;
 }
 
 div.identify-body .identify-result-box {
@@ -192,7 +194,7 @@ span.identify-toolbar-spacer {
 
 div.identify-settings-menu {
     position: absolute;
-    bottom: 100%;
+    bottom: calc(100% - 0.25em);
     left: 0;
     border: 1px solid var(--border-color);
     background-color: var(--container-bg-color);

package/components/style/LocationRecorder.css

@@ -1,10 +1,5 @@
 div.LocationRecorder {
-    display: inline-flex;
+    display: flex;
     align-items: center;
-    padding: 0.25em 0.5em;
-    background-color: var(--container-bg-color);
-    box-shadow: 0px -2px 4px rgba(136, 136, 136, 0.5);
-    border-bottom: 1px solid rgba(136, 136, 136, 0.5);
     column-gap: 0.25em;
-    order: 1;
 }

package/components/style/PluginsContainer.css

@@ -30,15 +30,20 @@ div.map-bottom-tool-container {
     position: absolute;
     pointer-events: none;
     display: flex;
-    flex-direction: column-reverse;
-    align-items: center;
-    align-content: flex-start;
-    justify-content: flex-start;
-    margin-bottom: -1px;
+    justify-content: center;
+    align-items: flex-end;
 }
 
-div.map-bottom-tool-container > * {
+div.map-bottom-tool-container > div {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin-bottom: -1px;
     pointer-events: initial;
+    padding: 0.25em 0.5em;
+    gap: 1em;
+    background-color: var(--container-bg-color);
+    box-shadow: 0px -2px 4px rgba(136, 136, 136, 0.5);
 }
 
 div.app-info {

package/components/timeline/FixedTimeline.js

@@ -158,11 +158,11 @@ var FixedTimeline = /*#__PURE__*/function (_React$Component) {
         icon: "home"
       }, {
         key: "zoomout",
-        tooltip: LocaleUtils.tr("timemanager.zoomout"),
+        tooltip: LocaleUtils.tr("common.zoomout"),
         icon: "zoomout"
       }, {
         key: "zoomin",
-        tooltip: LocaleUtils.tr("timemanager.zoomin"),
+        tooltip: LocaleUtils.tr("common.zoomin"),
         icon: "zoomin"
       }];
       return /*#__PURE__*/React.createElement("div", {

package/components/timeline/InfiniteTimeline.js

@@ -257,11 +257,11 @@ var InfiniteTimeline = /*#__PURE__*/function (_React$Component) {
         icon: "home"
       }, {
         key: "zoomout",
-        tooltip: LocaleUtils.tr("timemanager.zoomout"),
+        tooltip: LocaleUtils.tr("common.zoomout"),
         icon: "zoomout"
       }, {
         key: "zoomin",
-        tooltip: LocaleUtils.tr("timemanager.zoomin"),
+        tooltip: LocaleUtils.tr("common.zoomin"),
         icon: "zoomin"
       }];
       return /*#__PURE__*/React.createElement("div", {

package/components/timeline/TimelineFeaturesSlider.js

@@ -414,7 +414,7 @@ var TimelineFeaturesSlider = /*#__PURE__*/function (_React$Component) {
         onPointerDown: this.pickCurrentTimestamp
       }, this.props.displayMode === "features" ? this.renderTimeFeatures(sliderGeom) : null, this.props.displayMode === "layers" ? this.renderTimeLayers(sliderGeom) : null, this.renderGradient(sliderGeom)), this.renderCursor(timestamp), this.props.timeFeatures.pendingRequests > 0 ? /*#__PURE__*/React.createElement("div", {
         className: "timeline-slider-loading"
-      }, /*#__PURE__*/React.createElement(Spinner, null), /*#__PURE__*/React.createElement("span", null, LocaleUtils.tr("timemanager.loading"))) : null);
+      }, /*#__PURE__*/React.createElement(Spinner, null), /*#__PURE__*/React.createElement("span", null, LocaleUtils.tr("common.loading"))) : null);
     }
   }]);
 }(React.Component);

package/components/widgets/EditableSelect.js

@@ -65,7 +65,8 @@ var EditableSelect = /*#__PURE__*/function (_React$Component) {
           return _this.setState({
             popup: false
           });
-        }
+        },
+        spaceKeyActivation: false
       }, options) : null;
     });
     _defineProperty(_this, "renderSelectedOption", function () {

package/components/widgets/LayerCatalogWidget.js

@@ -47,7 +47,8 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_this, "toggleLayerListEntry", function (path) {
       _this.setState(function (state) {
-        var newCatalog = _toConsumableArray(state.catalog);
+        var catalogKey = _this.state.filteredCatalog ? "filteredCatalog" : "catalog";
+        var newCatalog = _toConsumableArray(state[catalogKey]);
         newCatalog[path[0]] = _objectSpread({}, newCatalog[path[0]]);
         var cur = newCatalog[path[0]];
         var _iterator = _createForOfIteratorHelper(path.slice(1)),
@@ -64,9 +65,7 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
           _iterator.f();
         }
         cur.expanded = !cur.expanded;
-        return {
-          catalog: newCatalog
-        };
+        return _defineProperty({}, catalogKey, newCatalog);
       });
     });
     _defineProperty(_this, "setFilter", function (text) {
@@ -79,13 +78,22 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
         }
         var filter = new RegExp(removeDiacritics(text).replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&"), "i");
         var _filterCatalogEntry = function filterCatalogEntry(res, entry) {
+          var titleMatches = removeDiacritics(entry.title).match(filter);
           if (entry.sublayers) {
-            var newEntry = _objectSpread(_objectSpread({}, entry), {}, {
-              sublayers: entry.sublayers.reduce(_filterCatalogEntry, []),
-              expanded: true
-            });
-            return newEntry.sublayers.length > 0 ? [].concat(_toConsumableArray(res), [newEntry]) : res;
-          } else if (removeDiacritics(entry.title).match(filter)) {
+            var matchedSublayers = entry.sublayers.reduce(_filterCatalogEntry, []);
+            if (!isEmpty(matchedSublayers)) {
+              return [].concat(_toConsumableArray(res), [_objectSpread(_objectSpread({}, entry), {}, {
+                sublayers: matchedSublayers,
+                expanded: true
+              })]);
+            } else if (titleMatches) {
+              return [].concat(_toConsumableArray(res), [_objectSpread(_objectSpread({}, entry), {}, {
+                expanded: false
+              })]);
+            } else {
+              return res;
+            }
+          } else if (titleMatches) {
             return [].concat(_toConsumableArray(res), [entry]);
           } else {
             return res;
@@ -102,16 +110,19 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
       var _entry$name;
       var asGroup = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var resource = entry.resource ? LayerUtils.splitLayerUrlParam(entry.resource) : null;
+      var stripQuery = function stripQuery(url) {
+        return (url !== null && url !== void 0 ? url : "").split("?")[0];
+      };
       var existingSublayers = _this.props.layers.reduce(function (res, layer) {
         var _entry$type, _entry$url;
-        if (layer.type === ((_entry$type = entry.type) !== null && _entry$type !== void 0 ? _entry$type : resource === null || resource === void 0 ? void 0 : resource.type) && layer.url === ((_entry$url = entry.url) !== null && _entry$url !== void 0 ? _entry$url : resource === null || resource === void 0 ? void 0 : resource.url)) {
+        if (layer.type === ((_entry$type = entry.type) !== null && _entry$type !== void 0 ? _entry$type : resource === null || resource === void 0 ? void 0 : resource.type) && stripQuery(layer.url) === stripQuery((_entry$url = entry.url) !== null && _entry$url !== void 0 ? _entry$url : resource === null || resource === void 0 ? void 0 : resource.url)) {
           return [].concat(_toConsumableArray(res), _toConsumableArray(LayerUtils.getSublayerNames(layer)), [layer.name]);
         }
         return res;
       }, []);
       if (existingSublayers.includes((_entry$name = entry.name) !== null && _entry$name !== void 0 ? _entry$name : resource === null || resource === void 0 ? void 0 : resource.name)) {
-        var _ref;
-        var text = (_ref = LocaleUtils.tr("themelayerslist.existinglayers") + ": " + entry.title) !== null && _ref !== void 0 ? _ref : entry.name;
+        var _ref2;
+        var text = (_ref2 = LocaleUtils.tr("themelayerslist.existinglayers") + ": " + entry.title) !== null && _ref2 !== void 0 ? _ref2 : entry.name;
         var actions = [{
           name: LocaleUtils.tr("themelayerslist.addanyway"),
           onClick: function onClick() {
@@ -195,7 +206,7 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/React.createElement("div", {
         key: key,
         style: {
-          paddingLeft: indentSize + 'em'
+          paddingLeft: 0.5 * indentSize + 'em'
         }
       }, /*#__PURE__*/React.createElement("div", {
         className: "layer-catalog-widget-entry"
@@ -236,7 +247,7 @@ var LayerCatalogWidget = /*#__PURE__*/function (_React$PureComponent) {
       } else if (isEmpty(this.state.catalog)) {
         emptyEntry = /*#__PURE__*/React.createElement("div", {
           className: "layer-catalog-placeholder"
-        }, LocaleUtils.tr("importlayer.loading"));
+        }, LocaleUtils.tr("common.loading"));
       }
       var filterplaceholder = LocaleUtils.tr("importlayer.filter");
       var catalog = (_this$state$filteredC = this.state.filteredCatalog) !== null && _this$state$filteredC !== void 0 ? _this$state$filteredC : this.state.catalog;

package/components/widgets/MenuButton.js

@@ -30,8 +30,10 @@ var MenuButton = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_this, "onMenuClicked", function () {
       if (!_this.props.disabled) {
-        _this.setState({
-          popup: true
+        _this.setState(function (state) {
+          return {
+            popup: !state.popup
+          };
         });
       }
     });
@@ -39,6 +41,9 @@ var MenuButton = /*#__PURE__*/function (_React$Component) {
       ev.stopPropagation();
       if (_this.state.selected) {
         _this.props.onActivate(_this.state.selected);
+        _this.setState({
+          popup: false
+        });
       } else {
         _this.onMenuClicked();
       }

package/components/widgets/NavBar.js

@@ -88,7 +88,8 @@ var NavBar = /*#__PURE__*/function (_React$Component) {
         disabled: this.props.currentPage <= 0 || this.props.disabled,
         onClick: function onClick() {
           return _this2.props.pageChanged(_this2.props.currentPage - 1);
-        }
+        },
+        title: LocaleUtils.tr("navbar.prev")
       }, /*#__PURE__*/React.createElement(Icon, {
         icon: "chevron-left"
       })), pages[0] > 0 || pages[0] === -1 ? this.pageButton(0) : null, pages.map(this.pageButton), pages[pages.length - 1] < this.props.nPages - 1 ? this.pageButton(this.props.nPages - 1) : null, /*#__PURE__*/React.createElement("button", {
@@ -96,7 +97,8 @@ var NavBar = /*#__PURE__*/function (_React$Component) {
         disabled: this.props.currentPage >= this.props.nPages - 1 || this.props.disabled,
         onClick: function onClick() {
           return _this2.props.pageChanged(_this2.props.currentPage + 1);
-        }
+        },
+        title: LocaleUtils.tr("navbar.next")
       }, /*#__PURE__*/React.createElement(Icon, {
         icon: "chevron-right"
       })), this.props.pageSizes.length > 1 ? /*#__PURE__*/React.createElement("select", {

package/components/widgets/PopupMenu.js

@@ -47,6 +47,20 @@ var PopupMenu = /*#__PURE__*/function (_React$PureComponent) {
         _this.menuEl.focus();
       }
     });
+    _defineProperty(_this, "handleMenuClick", function (ev) {
+      var disabled = false;
+      for (var el = ev.target; ev.currentTarget.contains(el); el = el.parentElement) {
+        if (el.attributes.disabled !== undefined) {
+          disabled = true;
+        }
+      }
+      if (disabled || _this.props.keepMenuOpen) {
+        MiscUtils.killEvent(ev);
+      } else {
+        var _this$props$onClose, _this$props;
+        (_this$props$onClose = (_this$props = _this.props).onClose) === null || _this$props$onClose === void 0 || _this$props$onClose.call(_this$props);
+      }
+    });
     _defineProperty(_this, "keyNav", function (ev) {
       if (ev.key === 'ArrowDown' || ev.key === 'ArrowUp') {
         var childCount = _this.menuEl.children.length;
@@ -66,11 +80,11 @@ var PopupMenu = /*#__PURE__*/function (_React$PureComponent) {
         }
         MiscUtils.killEvent(ev);
       } else if (ev.key === 'Escape') {
-        var _this$props$onClose, _this$props, _this$props$anchor3, _this$props$anchor3$f;
-        (_this$props$onClose = (_this$props = _this.props).onClose) === null || _this$props$onClose === void 0 || _this$props$onClose.call(_this$props);
+        var _this$props$onClose2, _this$props2, _this$props$anchor3, _this$props$anchor3$f;
+        (_this$props$onClose2 = (_this$props2 = _this.props).onClose) === null || _this$props$onClose2 === void 0 || _this$props$onClose2.call(_this$props2);
         (_this$props$anchor3 = _this.props.anchor) === null || _this$props$anchor3 === void 0 || (_this$props$anchor3$f = _this$props$anchor3.focus) === null || _this$props$anchor3$f === void 0 || _this$props$anchor3$f.call(_this$props$anchor3);
         MiscUtils.killEvent(ev);
-      } else if (ev.key === 'Enter' || ev.key === ' ') {
+      } else if (ev.key === 'Enter' || ev.key === ' ' && _this.props.spaceKeyActivation) {
         MiscUtils.killEvent(ev);
       } else if (ev.key !== 'Tab' && ev.key !== 'Shift') {
         var _this$props$anchor4, _this$props$anchor4$f;
@@ -98,8 +112,8 @@ var PopupMenu = /*#__PURE__*/function (_React$PureComponent) {
         _this.shields[i].style.zIndex = 0;
         setTimeout(function () {
           return _this.shields[i].addEventListener('click', function () {
-            var _this$props$onClose2, _this$props2;
-            (_this$props$onClose2 = (_this$props2 = _this.props).onClose) === null || _this$props$onClose2 === void 0 || _this$props$onClose2.call(_this$props2);
+            var _this$props$onClose3, _this$props3;
+            (_this$props$onClose3 = (_this$props3 = _this.props).onClose) === null || _this$props$onClose3 === void 0 || _this$props$onClose3.call(_this$props3);
           });
         }, 0);
         _this.container.appendChild(_this.shields[i]);
@@ -108,14 +122,15 @@ var PopupMenu = /*#__PURE__*/function (_React$PureComponent) {
         _loop(i);
       }
       _this.container.style.pointerEvents = 'none';
+    } else {
+      setTimeout(function () {
+        return _this.container.addEventListener('click', function () {
+          var _this$props$onClose4, _this$props4;
+          (_this$props$onClose4 = (_this$props4 = _this.props).onClose) === null || _this$props$onClose4 === void 0 || _this$props$onClose4.call(_this$props4);
+        });
+      }, 0);
     }
     _this.menuEl = null;
-    setTimeout(function () {
-      return _this.container.addEventListener('click', function () {
-        var _this$props$onClose3, _this$props3;
-        (_this$props$onClose3 = (_this$props3 = _this.props).onClose) === null || _this$props$onClose3 === void 0 || _this$props$onClose3.call(_this$props3);
-      });
-    }, 0);
     document.body.appendChild(_this.container);
     return _this;
   }
@@ -141,7 +156,15 @@ var PopupMenu = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _rect$left, _rect, _rect$bottom, _rect2, _ref, _rect$width, _rect3, _this$props$disabledI;
+      var _rect$left,
+        _rect,
+        _rect$bottom,
+        _rect2,
+        _ref,
+        _rect$width,
+        _rect3,
+        _this$props$disabledI,
+        _this2 = this;
       if (isEmpty(this.props.children)) {
         return null;
       }
@@ -179,6 +202,7 @@ var PopupMenu = /*#__PURE__*/function (_React$PureComponent) {
       var children = Array.isArray(this.props.children) ? this.props.children : [this.props.children];
       return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement("div", {
         className: "popup-menu " + this.props.className,
+        onClick: this.handleMenuClick,
         onKeyDown: this.keyNav,
         onMouseLeave: this.clearFocus,
         ref: this.setFocus,
@@ -189,7 +213,9 @@ var PopupMenu = /*#__PURE__*/function (_React$PureComponent) {
         return /*#__PURE__*/React.cloneElement(child, {
           className: className,
           tabIndex: child.props.disabled ? undefined : 0,
-          onKeyDown: child.props.disabled ? undefined : MiscUtils.checkKeyActivate,
+          onKeyDown: child.props.disabled ? undefined : function (ev) {
+            return MiscUtils.checkKeyActivate(ev, null, _this2.props.spaceKeyActivation);
+          },
           onMouseOver: child.props.disabled ? undefined : function (ev) {
             return ev.target.focus();
           }
@@ -203,10 +229,15 @@ _defineProperty(PopupMenu, "propTypes", {
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   className: PropTypes.string,
   disabledItemClass: PropTypes.string,
+  keepMenuOpen: PropTypes.bool,
   onClose: PropTypes.func,
   setMaxWidth: PropTypes.bool,
+  spaceKeyActivation: PropTypes.bool,
   width: PropTypes.number,
   x: PropTypes.number,
   y: PropTypes.number
 });
+_defineProperty(PopupMenu, "defaultProps", {
+  spaceKeyActivation: true
+});
 export { PopupMenu as default };