@opengeoweb/layer-select 9.3.1 → 9.4.0

package/index.esm.js

@@ -1106,19 +1106,64 @@ $$8({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
-const LayerInfoButton = ({
-  isOpenInStore,
-  isActive,
-  onClick
-}) => {
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+const LayerInfoButton = _a => {
+  var {
+      isOpenInStore,
+      isActive,
+      onClick
+    } = _a,
+    props = __rest(_a, ["isOpenInStore", "isActive", "onClick"]);
   return jsx(CustomIconButton, Object.assign({
     variant: "flat",
     isSelected: isActive && isOpenInStore,
     onClick: onClick,
     id: "layerInfoButton",
+    "data-testid": "layerInfoButton",
     "aria-label": "layer info",
     className: "layerInfoButton"
-  }, {
+  }, props, {
     children: jsx(Info, {})
   }));
 };
@@ -2872,6 +2917,7 @@ const layerSelectConfig = {
 };
 
 const LayerInfoButtonConnect = ({
+  isLayerMissing,
   layer,
   mapId,
   serviceName,
@@ -2913,6 +2959,7 @@ const LayerInfoButtonConnect = ({
     }
   };
   return jsx(LayerInfoButton, {
+    disabled: isLayerMissing,
     isActive: isActive,
     isOpenInStore: isOpenInStore,
     onClick: onClick
@@ -3669,7 +3716,7 @@ const LayerInfoDialog = ({
   source: _source = 'app',
   dialogHeight
 }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const styles = getLayerStyles(layer);
   const bbox = getLayerBbox(layer);
   const dimensions = getDimensionsList(layer.dimensions);
@@ -3717,15 +3764,15 @@ const LayerInfoDialog = ({
         value: bbox
       }), jsx(LayerInfoText, {
         label: "Groups",
-        value: layer.path.join('/') || '-'
+        value: ((_a = layer.path) === null || _a === void 0 ? void 0 : _a.join('/')) || '-'
       }), jsx(LayerInfoText, {
         label: "Keywords",
-        value: ((_a = layer.keywords) === null || _a === void 0 ? void 0 : _a.join(', ')) || '-'
+        value: ((_b = layer.keywords) === null || _b === void 0 ? void 0 : _b.join(', ')) || '-'
       }), jsx(LayerInfoLegend, {
         title: layer.title,
         name: layer.name,
         dimensions: layer.dimensions,
-        legendURL: ((_b = layer.styles) === null || _b === void 0 ? void 0 : _b.length) ? layer.styles[0].legendURL : undefined
+        legendURL: ((_c = layer.styles) === null || _c === void 0 ? void 0 : _c.length) ? layer.styles[0].legendURL : undefined
       })]
     }))
   }));
@@ -4401,48 +4448,6 @@ const ServiceListConnect = ({
   });
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 const styles = {
   servicesContainer: {
     width: '360px',
@@ -4911,7 +4916,6 @@ const LayerSelect = ({
       // don't propagate when clicking on layerInfoButton or addRemoveButton
       if (isButtonInScrollableList) {
         event.stopPropagation();
-        event.preventDefault();
         return;
       }
       _onMouseDown(event);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/layer-select",
-  "version": "9.3.1",
+  "version": "9.4.0",
   "description": "GeoWeb layer select library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

package/src/lib/components/LayerInfo/LayerInfoButton.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-interface LayerInfoButtonProps {
+import { CustomIconProps } from '@opengeoweb/shared';
+interface LayerInfoButtonProps extends CustomIconProps {
+    disabled?: boolean;
     isOpenInStore?: boolean;
     isActive?: boolean;
     onClick?: () => void;

package/src/lib/components/LayerInfo/LayerInfoButtonConnect.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { uiTypes, serviceTypes } from '@opengeoweb/store';
 interface LayerInfoButtonProps {
+    isLayerMissing?: boolean;
     layer: serviceTypes.ServiceLayer;
     mapId: string;
     serviceName: string;