@opengeoweb/webmap-react 9.10.2 → 9.12.0

package/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect } from 'react';
-import { legendImageStore, WMImageEventType, webmapUtils, getLegendGraphicURLForLayer, getMapImageStore, getWMJSMapById, debugLogger, DebugType, LayerType, WMLayer, registerWMLayer, WMBBOX, getWMLayerById, WMJSMap, tilesettings } from '@opengeoweb/webmap';
+import { legendImageStore, WMImageEventType, webmapUtils, getLegendGraphicURLForLayer, getWMJSMapById, debugLogger, DebugType, LayerType, WMLayer, registerWMLayer, WMBBOX, getWMLayerById, WMJSMap, tilesettings } from '@opengeoweb/webmap';
 import { CustomTooltip, CanvasComponent, ToolContainerDraggable, dateUtils, CustomIconButton } from '@opengeoweb/shared';
 import { Paper, Box, Typography, Grid, TextField, FormControl, InputLabel, Select, MenuItem, Icon as Icon$1, FormLabel, Switch, styled, Slider } from '@mui/material';
 import _, { cloneDeep } from 'lodash';
@@ -1987,62 +1987,33 @@ $$b({ global: true, forced: parseInt !== $parseInt }, {
   parseInt: $parseInt
 });
 
-var anObject$6 = anObject$c;
-
-// `RegExp.prototype.flags` getter implementation
-// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
-var regexpFlags = function () {
-  var that = anObject$6(this);
-  var result = '';
-  if (that.hasIndices) result += 'd';
-  if (that.global) result += 'g';
-  if (that.ignoreCase) result += 'i';
-  if (that.multiline) result += 'm';
-  if (that.dotAll) result += 's';
-  if (that.unicode) result += 'u';
-  if (that.unicodeSets) result += 'v';
-  if (that.sticky) result += 'y';
-  return result;
-};
-
-var call$7 = functionCall;
-var hasOwn$1 = hasOwnProperty_1;
-var isPrototypeOf$2 = objectIsPrototypeOf;
-var regExpFlags = regexpFlags;
-
-var RegExpPrototype$1 = RegExp.prototype;
+var classof$4 = classofRaw$2;
 
-var regexpGetFlags = function (R) {
-  var flags = R.flags;
-  return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn$1(R, 'flags') && isPrototypeOf$2(RegExpPrototype$1, R)
-    ? call$7(regExpFlags, R) : flags;
+// `IsArray` abstract operation
+// https://tc39.es/ecma262/#sec-isarray
+// eslint-disable-next-line es/no-array-isarray -- safe
+var isArray$1 = Array.isArray || function isArray(argument) {
+  return classof$4(argument) === 'Array';
 };
 
-var PROPER_FUNCTION_NAME = functionName.PROPER;
-var defineBuiltIn$2 = defineBuiltIn$6;
-var anObject$5 = anObject$c;
-var $toString = toString$4;
-var fails$5 = fails$i;
-var getRegExpFlags = regexpGetFlags;
-
-var TO_STRING = 'toString';
-var RegExpPrototype = RegExp.prototype;
-var nativeToString = RegExpPrototype[TO_STRING];
+var $$a = _export;
+var uncurryThis$6 = functionUncurryThis;
+var isArray = isArray$1;
 
-var NOT_GENERIC = fails$5(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
-// FF44- RegExp#toString has a wrong name
-var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
+var nativeReverse = uncurryThis$6([].reverse);
+var test$1 = [1, 2];
 
-// `RegExp.prototype.toString` method
-// https://tc39.es/ecma262/#sec-regexp.prototype.tostring
-if (NOT_GENERIC || INCORRECT_NAME) {
-  defineBuiltIn$2(RegExpPrototype, TO_STRING, function toString() {
-    var R = anObject$5(this);
-    var pattern = $toString(R.source);
-    var flags = $toString(getRegExpFlags(R));
-    return '/' + pattern + '/' + flags;
-  }, { unsafe: true });
-}
+// `Array.prototype.reverse` method
+// https://tc39.es/ecma262/#sec-array.prototype.reverse
+// fix for Safari 12.0 bug
+// https://bugs.webkit.org/show_bug.cgi?id=188794
+$$a({ target: 'Array', proto: true, forced: String(test$1) === String(test$1.reverse()) }, {
+  reverse: function reverse() {
+    // eslint-disable-next-line no-self-assign -- dirty hack
+    if (isArray(this)) this.length = this.length;
+    return nativeReverse(this);
+  }
+});
 
 var tryToString$3 = tryToString$5;
 
@@ -2052,9 +2023,9 @@ var deletePropertyOrThrow$1 = function (O, P) {
   if (!delete O[P]) throw new $TypeError$8('Cannot delete property ' + tryToString$3(P) + ' of ' + tryToString$3(O));
 };
 
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$5 = functionUncurryThis;
 
-var arraySlice$2 = uncurryThis$6([].slice);
+var arraySlice$2 = uncurryThis$5([].slice);
 
 var arraySlice$1 = arraySlice$2;
 
@@ -2098,11 +2069,11 @@ var sort = function (array, comparefn) {
 
 var arraySort = sort;
 
-var fails$4 = fails$i;
+var fails$5 = fails$i;
 
 var arrayMethodIsStrict$2 = function (METHOD_NAME, argument) {
   var method = [][METHOD_NAME];
-  return !!method && fails$4(function () {
+  return !!method && fails$5(function () {
     // eslint-disable-next-line no-useless-call -- required for testing
     method.call(null, argument || function () { return 1; }, 1);
   });
@@ -2124,14 +2095,14 @@ var webkit = userAgent$3.match(/AppleWebKit\/(\d+)\./);
 
 var engineWebkitVersion = !!webkit && +webkit[1];
 
-var $$a = _export;
-var uncurryThis$5 = functionUncurryThis;
+var $$9 = _export;
+var uncurryThis$4 = functionUncurryThis;
 var aCallable$7 = aCallable$a;
 var toObject$1 = toObject$5;
 var lengthOfArrayLike$2 = lengthOfArrayLike$4;
 var deletePropertyOrThrow = deletePropertyOrThrow$1;
 var toString$1 = toString$4;
-var fails$3 = fails$i;
+var fails$4 = fails$i;
 var internalSort = arraySort;
 var arrayMethodIsStrict$1 = arrayMethodIsStrict$2;
 var FF = engineFfVersion;
@@ -2139,22 +2110,22 @@ var IE_OR_EDGE = engineIsIeOrEdge;
 var V8 = engineV8Version;
 var WEBKIT = engineWebkitVersion;
 
-var test$1 = [];
-var nativeSort = uncurryThis$5(test$1.sort);
-var push = uncurryThis$5(test$1.push);
+var test = [];
+var nativeSort = uncurryThis$4(test.sort);
+var push = uncurryThis$4(test.push);
 
 // IE8-
-var FAILS_ON_UNDEFINED = fails$3(function () {
-  test$1.sort(undefined);
+var FAILS_ON_UNDEFINED = fails$4(function () {
+  test.sort(undefined);
 });
 // V8 bug
-var FAILS_ON_NULL = fails$3(function () {
-  test$1.sort(null);
+var FAILS_ON_NULL = fails$4(function () {
+  test.sort(null);
 });
 // Old WebKit
 var STRICT_METHOD = arrayMethodIsStrict$1('sort');
 
-var STABLE_SORT = !fails$3(function () {
+var STABLE_SORT = !fails$4(function () {
   // feature detection can be too slow, so check engines versions
   if (V8) return V8 < 70;
   if (FF && FF > 3) return;
@@ -2175,14 +2146,14 @@ var STABLE_SORT = !fails$3(function () {
     }
 
     for (index = 0; index < 47; index++) {
-      test$1.push({ k: chr + index, v: value });
+      test.push({ k: chr + index, v: value });
     }
   }
 
-  test$1.sort(function (a, b) { return b.v - a.v; });
+  test.sort(function (a, b) { return b.v - a.v; });
 
-  for (index = 0; index < test$1.length; index++) {
-    chr = test$1[index].k.charAt(0);
+  for (index = 0; index < test.length; index++) {
+    chr = test[index].k.charAt(0);
     if (result.charAt(result.length - 1) !== chr) result += chr;
   }
 
@@ -2202,7 +2173,7 @@ var getSortCompare = function (comparefn) {
 
 // `Array.prototype.sort` method
 // https://tc39.es/ecma262/#sec-array.prototype.sort
-$$a({ target: 'Array', proto: true, forced: FORCED$1 }, {
+$$9({ target: 'Array', proto: true, forced: FORCED$1 }, {
   sort: function sort(comparefn) {
     if (comparefn !== undefined) aCallable$7(comparefn);
 
@@ -2230,33 +2201,62 @@ $$a({ target: 'Array', proto: true, forced: FORCED$1 }, {
   }
 });
 
-var classof$4 = classofRaw$2;
+var anObject$6 = anObject$c;
 
-// `IsArray` abstract operation
-// https://tc39.es/ecma262/#sec-isarray
-// eslint-disable-next-line es/no-array-isarray -- safe
-var isArray$1 = Array.isArray || function isArray(argument) {
-  return classof$4(argument) === 'Array';
+// `RegExp.prototype.flags` getter implementation
+// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
+var regexpFlags = function () {
+  var that = anObject$6(this);
+  var result = '';
+  if (that.hasIndices) result += 'd';
+  if (that.global) result += 'g';
+  if (that.ignoreCase) result += 'i';
+  if (that.multiline) result += 'm';
+  if (that.dotAll) result += 's';
+  if (that.unicode) result += 'u';
+  if (that.unicodeSets) result += 'v';
+  if (that.sticky) result += 'y';
+  return result;
 };
 
-var $$9 = _export;
-var uncurryThis$4 = functionUncurryThis;
-var isArray = isArray$1;
+var call$7 = functionCall;
+var hasOwn$1 = hasOwnProperty_1;
+var isPrototypeOf$2 = objectIsPrototypeOf;
+var regExpFlags = regexpFlags;
 
-var nativeReverse = uncurryThis$4([].reverse);
-var test = [1, 2];
+var RegExpPrototype$1 = RegExp.prototype;
 
-// `Array.prototype.reverse` method
-// https://tc39.es/ecma262/#sec-array.prototype.reverse
-// fix for Safari 12.0 bug
-// https://bugs.webkit.org/show_bug.cgi?id=188794
-$$9({ target: 'Array', proto: true, forced: String(test) === String(test.reverse()) }, {
-  reverse: function reverse() {
-    // eslint-disable-next-line no-self-assign -- dirty hack
-    if (isArray(this)) this.length = this.length;
-    return nativeReverse(this);
-  }
-});
+var regexpGetFlags = function (R) {
+  var flags = R.flags;
+  return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn$1(R, 'flags') && isPrototypeOf$2(RegExpPrototype$1, R)
+    ? call$7(regExpFlags, R) : flags;
+};
+
+var PROPER_FUNCTION_NAME = functionName.PROPER;
+var defineBuiltIn$2 = defineBuiltIn$6;
+var anObject$5 = anObject$c;
+var $toString = toString$4;
+var fails$3 = fails$i;
+var getRegExpFlags = regexpGetFlags;
+
+var TO_STRING = 'toString';
+var RegExpPrototype = RegExp.prototype;
+var nativeToString = RegExpPrototype[TO_STRING];
+
+var NOT_GENERIC = fails$3(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
+// FF44- RegExp#toString has a wrong name
+var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
+
+// `RegExp.prototype.toString` method
+// https://tc39.es/ecma262/#sec-regexp.prototype.tostring
+if (NOT_GENERIC || INCORRECT_NAME) {
+  defineBuiltIn$2(RegExpPrototype, TO_STRING, function toString() {
+    var R = anObject$5(this);
+    var pattern = $toString(R.source);
+    var flags = $toString(getRegExpFlags(R));
+    return '/' + pattern + '/' + flags;
+  }, { unsafe: true });
+}
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -4066,7 +4066,11 @@ class MapDraw extends React.PureComponent {
     }
   }
   drawIcon(ctx, _coord, featureProperties) {
-    const image = getMapImageStore.getImage(featureProperties.imageURL);
+    const {
+      mapId
+    } = this.props;
+    const webmapjs = webmapUtils.getWMJSMapById(mapId);
+    const image = webmapjs.getMapImageStore.getImage(featureProperties.imageURL);
     if (image.isLoaded() === false && image.hasError() === false && image.isLoading() === false) {
       image.load();
       /* After the image is loaded the canvas will be redrawn and drawIcon will be triggered again
@@ -6187,6 +6191,28 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+var $$8 = _export;
+var $includes = arrayIncludes.includes;
+var fails$2 = fails$i;
+var addToUnscopables = addToUnscopables$2;
+
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails$2(function () {
+  // eslint-disable-next-line es/no-array-prototype-includes -- detection
+  return !Array(1).includes();
+});
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$$8({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('includes');
+
 var aCallable$6 = aCallable$a;
 var toObject = toObject$5;
 var IndexedObject = indexedObject;
@@ -6235,7 +6261,7 @@ var classof$3 = classofRaw$2;
 
 var engineIsNode = classof$3(global$7.process) === 'process';
 
-var $$8 = _export;
+var $$7 = _export;
 var $reduce = arrayReduce.left;
 var arrayMethodIsStrict = arrayMethodIsStrict$2;
 var CHROME_VERSION = engineV8Version;
@@ -6248,7 +6274,7 @@ var FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');
 
 // `Array.prototype.reduce` method
 // https://tc39.es/ecma262/#sec-array.prototype.reduce
-$$8({ target: 'Array', proto: true, forced: FORCED }, {
+$$7({ target: 'Array', proto: true, forced: FORCED }, {
   reduce: function reduce(callbackfn /* , initialValue */) {
     var length = arguments.length;
     return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);
@@ -6292,7 +6318,7 @@ var anInstance$1 = function (it, Prototype) {
 };
 
 var uncurryThis$3 = functionUncurryThis;
-var fails$2 = fails$i;
+var fails$1 = fails$i;
 var isCallable$4 = isCallable$j;
 var classof$2 = classof$6;
 var getBuiltIn$2 = getBuiltIn$7;
@@ -6335,7 +6361,7 @@ isConstructorLegacy.sham = true;
 
 // `IsConstructor` abstract operation
 // https://tc39.es/ecma262/#sec-isconstructor
-var isConstructor$1 = !construct || fails$2(function () {
+var isConstructor$1 = !construct || fails$1(function () {
   var called;
   return isConstructorModern(isConstructorModern.call)
     || !isConstructorModern(Object)
@@ -6421,7 +6447,7 @@ var apply = functionApply;
 var bind$3 = functionBindContext;
 var isCallable$3 = isCallable$j;
 var hasOwn = hasOwnProperty_1;
-var fails$1 = fails$i;
+var fails = fails$i;
 var html = html$2;
 var arraySlice = arraySlice$2;
 var createElement = documentCreateElement$2;
@@ -6441,7 +6467,7 @@ var queue$2 = {};
 var ONREADYSTATECHANGE = 'onreadystatechange';
 var $location, defer, channel, port;
 
-fails$1(function () {
+fails(function () {
   // Deno throws a ReferenceError on `location` access without `--location` flag
   $location = global$6.location;
 });
@@ -6508,7 +6534,7 @@ if (!set || !clear) {
     isCallable$3(global$6.postMessage) &&
     !global$6.importScripts &&
     $location && $location.protocol !== 'file:' &&
-    !fails$1(globalPostMessageDefer)
+    !fails(globalPostMessageDefer)
   ) {
     defer = globalPostMessageDefer;
     global$6.addEventListener('message', eventListener, false);
@@ -6755,7 +6781,7 @@ newPromiseCapability$2.f = function (C) {
   return new PromiseCapability(C);
 };
 
-var $$7 = _export;
+var $$6 = _export;
 var IS_NODE = engineIsNode;
 var global$1 = global$k;
 var call$5 = functionCall;
@@ -7035,7 +7061,7 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
   }
 }
 
-$$7({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
+$$6({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
   Promise: PromiseConstructor
 });
 
@@ -7223,7 +7249,7 @@ var promiseStaticsIncorrectIteration = FORCED_PROMISE_CONSTRUCTOR$3 || !checkCor
   NativePromiseConstructor$1.all(iterable).then(undefined, function () { /* empty */ });
 });
 
-var $$6 = _export;
+var $$5 = _export;
 var call$1 = functionCall;
 var aCallable$1 = aCallable$a;
 var newPromiseCapabilityModule$2 = newPromiseCapability$2;
@@ -7233,7 +7259,7 @@ var PROMISE_STATICS_INCORRECT_ITERATION$1 = promiseStaticsIncorrectIteration;
 
 // `Promise.all` method
 // https://tc39.es/ecma262/#sec-promise.all
-$$6({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
+$$5({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
   all: function all(iterable) {
     var C = this;
     var capability = newPromiseCapabilityModule$2.f(C);
@@ -7262,7 +7288,7 @@ $$6({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
   }
 });
 
-var $$5 = _export;
+var $$4 = _export;
 var FORCED_PROMISE_CONSTRUCTOR$2 = promiseConstructorDetection.CONSTRUCTOR;
 var NativePromiseConstructor = promiseNativeConstructor;
 var getBuiltIn$1 = getBuiltIn$7;
@@ -7273,7 +7299,7 @@ var NativePromisePrototype = NativePromiseConstructor && NativePromiseConstructo
 
 // `Promise.prototype.catch` method
 // https://tc39.es/ecma262/#sec-promise.prototype.catch
-$$5({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
+$$4({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
   'catch': function (onRejected) {
     return this.then(undefined, onRejected);
   }
@@ -7287,7 +7313,7 @@ if (isCallable(NativePromiseConstructor)) {
   }
 }
 
-var $$4 = _export;
+var $$3 = _export;
 var call = functionCall;
 var aCallable = aCallable$a;
 var newPromiseCapabilityModule$1 = newPromiseCapability$2;
@@ -7297,7 +7323,7 @@ var PROMISE_STATICS_INCORRECT_ITERATION = promiseStaticsIncorrectIteration;
 
 // `Promise.race` method
 // https://tc39.es/ecma262/#sec-promise.race
-$$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
+$$3({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
   race: function race(iterable) {
     var C = this;
     var capability = newPromiseCapabilityModule$1.f(C);
@@ -7313,13 +7339,13 @@ $$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
   }
 });
 
-var $$3 = _export;
+var $$2 = _export;
 var newPromiseCapabilityModule = newPromiseCapability$2;
 var FORCED_PROMISE_CONSTRUCTOR$1 = promiseConstructorDetection.CONSTRUCTOR;
 
 // `Promise.reject` method
 // https://tc39.es/ecma262/#sec-promise.reject
-$$3({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
+$$2({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
   reject: function reject(r) {
     var capability = newPromiseCapabilityModule.f(this);
     var capabilityReject = capability.reject;
@@ -7341,7 +7367,7 @@ var promiseResolve$1 = function (C, x) {
   return promiseCapability.promise;
 };
 
-var $$2 = _export;
+var $$1 = _export;
 var getBuiltIn = getBuiltIn$7;
 var FORCED_PROMISE_CONSTRUCTOR = promiseConstructorDetection.CONSTRUCTOR;
 var promiseResolve = promiseResolve$1;
@@ -7350,34 +7376,12 @@ getBuiltIn('Promise');
 
 // `Promise.resolve` method
 // https://tc39.es/ecma262/#sec-promise.resolve
-$$2({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
+$$1({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
   resolve: function resolve(x) {
     return promiseResolve(this, x);
   }
 });
 
-var $$1 = _export;
-var $includes = arrayIncludes.includes;
-var fails = fails$i;
-var addToUnscopables = addToUnscopables$2;
-
-// FF99+ bug
-var BROKEN_ON_SPARSE = fails(function () {
-  // eslint-disable-next-line es/no-array-prototype-includes -- detection
-  return !Array(1).includes();
-});
-
-// `Array.prototype.includes` method
-// https://tc39.es/ecma262/#sec-array.prototype.includes
-$$1({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
-  includes: function includes(el /* , fromIndex = 0 */) {
-    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
-
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('includes');
-
 var isObject = isObject$a;
 var classof = classofRaw$2;
 var wellKnownSymbol$1 = wellKnownSymbol$g;
@@ -8009,6 +8013,7 @@ class ReactMapView extends React.Component {
         if (!layerIsInThisMap) {
           // Add a new layer, it is not in the this map
           addWMLayerPropsBasedOnChildProps(child, _mapId, props, onUpdateLayerInformation);
+          needsRedraw = true;
         } else {
           // Handle existing layer
           if (child.name !== undefined && wmLayer.name !== child.name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/webmap-react",
-  "version": "9.10.2",
+  "version": "9.12.0",
   "description": "GeoWeb react wrapper for webmap",
   "license": "Apache-2.0",
   "repository": {