@opengeoweb/shared 9.20.2 → 9.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/index.esm.js +513 -464
  2. package/package.json +4 -4
  3. package/src/index.d.ts +1 -1
  4. package/src/lib/components/DraggableResizable/Draggable.d.ts +1 -1
  5. package/src/lib/components/DraggableResizable/Resizable.d.ts +5 -0
  6. package/src/lib/components/DraggableResizable/types.d.ts +2 -1
  7. package/src/lib/components/ToolContainer/useHandleSizeFromOutsideComponent.d.ts +10 -28
package/index.esm.js CHANGED
@@ -4,7 +4,7 @@ import { Close, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerM
4
4
  import * as React from 'react';
5
5
  import React__default, { useRef, Component } from 'react';
6
6
  import i18n from 'i18next';
7
- import { initReactI18next, useTranslation } from 'react-i18next';
7
+ import { useTranslation } from 'react-i18next';
8
8
  import { throttle, escapeRegExp, debounce } from 'lodash';
9
9
  import Draggable from 'react-draggable';
10
10
  import { Resizable } from 're-resizable';
@@ -63,7 +63,8 @@ var en = {
63
63
  "shared-sentry-enable-both": "Disable HTML + Canvas recording",
64
64
  "shared-sentry-disable-both": "Enable HTML + Canvas recording",
65
65
  "shared-sentry-cors-wait": "Disabled untill with and without CORS headers fetching mechanism has been implemented",
66
- "shared-sentry-disclaimer": "I understand that while using canvas recording, adding a layer without correct CORS headers will cause error and make the recording to fail. A new recording without the canvas or the layer can be made after reloading the application."
66
+ "shared-sentry-disclaimer": "I understand that while using canvas recording, adding a layer without correct CORS headers will cause error and make the recording to fail. A new recording without the canvas or the layer can be made after reloading the application.",
67
+ "shared-clear": "Clear"
67
68
  };
68
69
  var fi = {
69
70
  "shared-choose-app-mode": "ei käännetty",
@@ -113,7 +114,8 @@ var fi = {
113
114
  "shared-sentry-enable-both": "ei käännetty",
114
115
  "shared-sentry-disable-both": "ei käännetty",
115
116
  "shared-sentry-cors-wait": "ei käännetty",
116
- "shared-sentry-disclaimer": "ei käännetty"
117
+ "shared-sentry-disclaimer": "ei käännetty",
118
+ "shared-clear": "ei käännetty"
117
119
  };
118
120
  var no = {
119
121
  "shared-choose-app-mode": "Velg din standardmodus",
@@ -163,57 +165,59 @@ var no = {
163
165
  "shared-sentry-enable-both": "Skru av HTML + lerret-opptak",
164
166
  "shared-sentry-disable-both": "Skru på HTML + lerret-opptak",
165
167
  "shared-sentry-cors-wait": "Avskrudd inntil CORS-relaterte headere er implementert",
166
- "shared-sentry-disclaimer": "Jeg forstår at ved å bruke lerretopptak vil opptaket feile dersom jeg legger til et lag uten riktig CORS-headere. Ved å laste inn applikasjonen på nytt kan man starte nytt opptak uten lerret eller lag."
168
+ "shared-sentry-disclaimer": "Jeg forstår at ved å bruke lerretopptak vil opptaket feile dersom jeg legger til et lag uten riktig CORS-headere. Ved å laste inn applikasjonen på nytt kan man starte nytt opptak uten lerret eller lag.",
169
+ "shared-clear": "ikke oversatt"
167
170
  };
168
171
  var nl = {
169
- "shared-choose-app-mode": "niet vertaald",
170
- "shared-cheat-sheet": "niet vertaald",
171
- "shared-save": "niet vertaald",
172
- "shared-viewer": "niet vertaald",
173
- "shared-editor": "niet vertaald",
174
- "shared-reload-page": "niet vertaald",
175
- "shared-search-label": "niet vertaald",
176
- "shared-last-updated": "niet vertaald",
177
- "shared-click-to-refresh": "niet vertaald",
178
- "shared-error-occurred": "niet vertaald",
179
- "shared-confirmation-description": "niet vertaald",
180
- "shared-confirmation-cancel": "niet vertaald",
181
- "shared-confirmation-submit": "niet vertaald",
182
- "shared-close-caps": "niet vertaald",
183
- "shared-close": "niet vertaald",
184
- "shared-search": "niet vertaald",
185
- "shared-choose-selected-time": "niet vertaald",
186
- "shared-move-selected-time": "niet vertaald",
187
- "shared-move-one-step": "niet vertaald",
188
- "shared-toggle-timeslider": "niet vertaald",
189
- "shared-timeslider-scale": "niet vertaald",
190
- "shared-expand-timeslider-scale": "niet vertaald",
191
- "shared-mouseover-selected-time": "niet vertaald",
192
- "shared-mouseover-on-off": "niet vertaald",
193
- "shared-change-timestep-or-speed": "niet vertaald",
194
- "shared-return-to-current-time": "niet vertaald",
195
- "shared-change-layer-values-scrolling": "niet vertaald",
196
- "shared-change-layermanager-small": "niet vertaald",
197
- "shared-change-layermanager-medium": "niet vertaald",
198
- "shared-change-layermanager-large": "niet vertaald",
199
- "shared-shortcut-left-click": "niet vertaald",
200
- "shared-shortcut-mouse-scroll-timeslider": "niet vertaald",
201
- "shared-shortcut-hold-click": "niet vertaald",
202
- "shared-shortcut-scroll": "niet vertaald",
203
- "shared-shortcut-hover": "niet vertaald",
204
- "shared-shortcut-when-active": "niet vertaald",
205
- "shared-shortcut-home": "niet vertaald",
206
- "shared-shortcut-mouse-scroll": "niet vertaald",
207
- "shared-shortcut-or": "niet vertaald",
208
- "shared-sentry-recording": "niet vertaald",
209
- "shared-sentry-information": "niet vertaald",
210
- "shared-sentry-enable-message": "niet vertaald",
211
- "shared-sentry-disable": "niet vertaald",
212
- "shared-sentry-enable": "niet vertaald",
213
- "shared-sentry-enable-both": "niet vertaald",
214
- "shared-sentry-disable-both": "niet vertaald",
215
- "shared-sentry-cors-wait": "niet vertaald",
216
- "shared-sentry-disclaimer": "niet vertaald"
172
+ "shared-choose-app-mode": "Kies je standaard app-modus",
173
+ "shared-cheat-sheet": "Cheat sheet",
174
+ "shared-save": "Opslaan",
175
+ "shared-viewer": "Kijker",
176
+ "shared-editor": "Bewerker",
177
+ "shared-reload-page": "Pagina vernieuwen",
178
+ "shared-search-label": "Zoek door services of voer een service-URL in",
179
+ "shared-last-updated": "Laatst bijgewerkt {{time}}",
180
+ "shared-click-to-refresh": "Klik om te vernieuwen",
181
+ "shared-error-occurred": "Oeps, er is een fout opgetreden. Rapporteer de onderstaande fout en herlaad de pagina indien nodig.",
182
+ "shared-confirmation-description": "Weet je het zeker?",
183
+ "shared-confirmation-cancel": "Ga terug",
184
+ "shared-confirmation-submit": "Verzenden",
185
+ "shared-close-caps": "SLUITEN",
186
+ "shared-close": "Sluiten",
187
+ "shared-search": "Zoeken",
188
+ "shared-choose-selected-time": "Kies een geselecteerd tijdstip",
189
+ "shared-move-selected-time": "Ga achteruit/vooruit in geselecteerde tijd",
190
+ "shared-move-one-step": "Ga 1 stap achteruit/vooruit in geselecteerde tijd",
191
+ "shared-toggle-timeslider": "Timeslider verbergen/tonen",
192
+ "shared-timeslider-scale": "Timeslider zichtbare periode wijzigen",
193
+ "shared-expand-timeslider-scale": "Timeslider zichtbare periode vergroten/verkleinen",
194
+ "shared-mouseover-selected-time": "Mouseover om de geselecteerde tijd te wijzigen",
195
+ "shared-mouseover-on-off": "Mouseover aan / uit zetten",
196
+ "shared-change-timestep-or-speed": "Wijzig tijdsinterval of animatiesnelheid",
197
+ "shared-return-to-current-time": "Terug naar huidige tijd",
198
+ "shared-change-layer-values-scrolling": "Wijzig de waarde van een laag in de lagen manager door te scrollen",
199
+ "shared-change-layermanager-small": "Verander de grootte van de lagen manager naar klein",
200
+ "shared-change-layermanager-medium": "Verander de grootte van de lagen manager naar middel",
201
+ "shared-change-layermanager-large": "Verander de grootte van de lagen manager naar groot",
202
+ "shared-shortcut-left-click": "Klik met de linkermuisknop op de timeslider",
203
+ "shared-shortcut-mouse-scroll-timeslider": "Scroll over de timeslider",
204
+ "shared-shortcut-hold-click": "Houd de linkermuisknop ingedrukt op de timeslider + sleep naar links of rechts",
205
+ "shared-shortcut-scroll": "+ Scroll timeslider",
206
+ "shared-shortcut-hover": "Hover over de timeslider of tijd indicator",
207
+ "shared-shortcut-when-active": "wanneer slider actief is",
208
+ "shared-shortcut-home": "Home",
209
+ "shared-shortcut-mouse-scroll": "+ Scroll",
210
+ "shared-shortcut-or": "of",
211
+ "shared-sentry-recording": "Sentry Opname",
212
+ "shared-sentry-information": "Om performance en fouten te monitoren, registreert GeoWeb gebruiksinformatie. Tijdens dit proces verlaat geen enkele gevoelige gebruikersinformatie de browser.",
213
+ "shared-sentry-enable-message": "Door opname te starten, ga ik akkoord dat de opnamegerelateerde gegevens ter verwerking naar de servers van Sentry worden verzonden.",
214
+ "shared-sentry-disable": "HTML opname stoppen",
215
+ "shared-sentry-enable": "HTML opname starten",
216
+ "shared-sentry-enable-both": "HTML + Canvas opname stoppen",
217
+ "shared-sentry-disable-both": "HTML + Canvas opname starten",
218
+ "shared-sentry-cors-wait": "Uitgeschakeld totdat het fetching mechanisme met en zonder CORS-headers is geïmplementeerd",
219
+ "shared-sentry-disclaimer": "Ik begrijp dat bij het gebruik van canvasopnamen het toevoegen van een laag zonder de juiste CORS-headers fouten zal veroorzaken en ervoor zal zorgen dat de opname mislukt. Een nieuwe opname zonder het canvas of de laag kan worden gemaakt na het opnieuw laden van de applicatie.",
220
+ "shared-clear": "Wissen"
217
221
  };
218
222
  var sharedTranslations = {
219
223
  en: en,
@@ -229,7 +233,7 @@ var check = function (it) {
229
233
  };
230
234
 
231
235
  // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
232
- var global$p =
236
+ var global$q =
233
237
  // eslint-disable-next-line es/no-global-this -- safe
234
238
  check(typeof globalThis == 'object' && globalThis) ||
235
239
  check(typeof window == 'object' && window) ||
@@ -242,7 +246,7 @@ var global$p =
242
246
 
243
247
  var objectGetOwnPropertyDescriptor = {};
244
248
 
245
- var fails$o = function (exec) {
249
+ var fails$p = function (exec) {
246
250
  try {
247
251
  return !!exec();
248
252
  } catch (error) {
@@ -250,17 +254,17 @@ var fails$o = function (exec) {
250
254
  }
251
255
  };
252
256
 
253
- var fails$n = fails$o;
257
+ var fails$o = fails$p;
254
258
 
255
259
  // Detect IE8's incomplete defineProperty implementation
256
- var descriptors = !fails$n(function () {
260
+ var descriptors = !fails$o(function () {
257
261
  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
258
262
  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
259
263
  });
260
264
 
261
- var fails$m = fails$o;
265
+ var fails$n = fails$p;
262
266
 
263
- var functionBindNative = !fails$m(function () {
267
+ var functionBindNative = !fails$n(function () {
264
268
  // eslint-disable-next-line es/no-function-prototype-bind -- safe
265
269
  var test = (function () { /* empty */ }).bind();
266
270
  // eslint-disable-next-line no-prototype-builtins -- safe
@@ -312,24 +316,24 @@ var functionUncurryThis = NATIVE_BIND$2 ? uncurryThisWithBind : function (fn) {
312
316
  };
313
317
  };
314
318
 
315
- var uncurryThis$o = functionUncurryThis;
319
+ var uncurryThis$p = functionUncurryThis;
316
320
 
317
- var toString$e = uncurryThis$o({}.toString);
318
- var stringSlice$6 = uncurryThis$o(''.slice);
321
+ var toString$f = uncurryThis$p({}.toString);
322
+ var stringSlice$6 = uncurryThis$p(''.slice);
319
323
 
320
324
  var classofRaw$2 = function (it) {
321
- return stringSlice$6(toString$e(it), 8, -1);
325
+ return stringSlice$6(toString$f(it), 8, -1);
322
326
  };
323
327
 
324
- var uncurryThis$n = functionUncurryThis;
325
- var fails$l = fails$o;
328
+ var uncurryThis$o = functionUncurryThis;
329
+ var fails$m = fails$p;
326
330
  var classof$9 = classofRaw$2;
327
331
 
328
332
  var $Object$4 = Object;
329
- var split = uncurryThis$n(''.split);
333
+ var split = uncurryThis$o(''.split);
330
334
 
331
335
  // fallback for non-array-like ES3 and non-enumerable old V8 strings
332
- var indexedObject = fails$l(function () {
336
+ var indexedObject = fails$m(function () {
333
337
  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
334
338
  // eslint-disable-next-line no-prototype-builtins -- safe
335
339
  return !$Object$4('z').propertyIsEnumerable(0);
@@ -380,7 +384,7 @@ var isObject$e = function (it) {
380
384
  return typeof it == 'object' ? it !== null : isCallable$m(it);
381
385
  };
382
386
 
383
- var global$o = global$p;
387
+ var global$p = global$q;
384
388
  var isCallable$l = isCallable$n;
385
389
 
386
390
  var aFunction = function (argument) {
@@ -388,20 +392,20 @@ var aFunction = function (argument) {
388
392
  };
389
393
 
390
394
  var getBuiltIn$8 = function (namespace, method) {
391
- return arguments.length < 2 ? aFunction(global$o[namespace]) : global$o[namespace] && global$o[namespace][method];
395
+ return arguments.length < 2 ? aFunction(global$p[namespace]) : global$p[namespace] && global$p[namespace][method];
392
396
  };
393
397
 
394
- var uncurryThis$m = functionUncurryThis;
398
+ var uncurryThis$n = functionUncurryThis;
395
399
 
396
- var objectIsPrototypeOf = uncurryThis$m({}.isPrototypeOf);
400
+ var objectIsPrototypeOf = uncurryThis$n({}.isPrototypeOf);
397
401
 
398
402
  var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
399
403
 
400
- var global$n = global$p;
404
+ var global$o = global$q;
401
405
  var userAgent$3 = engineUserAgent;
402
406
 
403
- var process$3 = global$n.process;
404
- var Deno$1 = global$n.Deno;
407
+ var process$3 = global$o.process;
408
+ var Deno$1 = global$o.Deno;
405
409
  var versions = process$3 && process$3.versions || Deno$1 && Deno$1.version;
406
410
  var v8 = versions && versions.v8;
407
411
  var match, version;
@@ -427,13 +431,13 @@ var engineV8Version = version;
427
431
 
428
432
  /* eslint-disable es/no-symbol -- required for testing */
429
433
  var V8_VERSION$1 = engineV8Version;
430
- var fails$k = fails$o;
431
- var global$m = global$p;
434
+ var fails$l = fails$p;
435
+ var global$n = global$q;
432
436
 
433
- var $String$5 = global$m.String;
437
+ var $String$5 = global$n.String;
434
438
 
435
439
  // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
436
- var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$k(function () {
440
+ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$l(function () {
437
441
  var symbol = Symbol('symbol detection');
438
442
  // Chrome 38 Symbol has incorrect toString conversion
439
443
  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -514,20 +518,20 @@ var ordinaryToPrimitive$1 = function (input, pref) {
514
518
 
515
519
  var sharedStore = {exports: {}};
516
520
 
517
- var global$l = global$p;
521
+ var global$m = global$q;
518
522
 
519
523
  // eslint-disable-next-line es/no-object-defineproperty -- safe
520
524
  var defineProperty$7 = Object.defineProperty;
521
525
 
522
526
  var defineGlobalProperty$3 = function (key, value) {
523
527
  try {
524
- defineProperty$7(global$l, key, { value: value, configurable: true, writable: true });
528
+ defineProperty$7(global$m, key, { value: value, configurable: true, writable: true });
525
529
  } catch (error) {
526
- global$l[key] = value;
530
+ global$m[key] = value;
527
531
  } return value;
528
532
  };
529
533
 
530
- var globalThis$1 = global$p;
534
+ var globalThis$1 = global$q;
531
535
  var defineGlobalProperty$2 = defineGlobalProperty$3;
532
536
 
533
537
  var SHARED = '__core-js_shared__';
@@ -559,10 +563,10 @@ var toObject$5 = function (argument) {
559
563
  return $Object$2(requireObjectCoercible$7(argument));
560
564
  };
561
565
 
562
- var uncurryThis$l = functionUncurryThis;
566
+ var uncurryThis$m = functionUncurryThis;
563
567
  var toObject$4 = toObject$5;
564
568
 
565
- var hasOwnProperty = uncurryThis$l({}.hasOwnProperty);
569
+ var hasOwnProperty = uncurryThis$m({}.hasOwnProperty);
566
570
 
567
571
  // `HasOwnProperty` abstract operation
568
572
  // https://tc39.es/ecma262/#sec-hasownproperty
@@ -571,31 +575,31 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
571
575
  return hasOwnProperty(toObject$4(it), key);
572
576
  };
573
577
 
574
- var uncurryThis$k = functionUncurryThis;
578
+ var uncurryThis$l = functionUncurryThis;
575
579
 
576
580
  var id = 0;
577
581
  var postfix = Math.random();
578
- var toString$d = uncurryThis$k(1.0.toString);
582
+ var toString$e = uncurryThis$l(1.0.toString);
579
583
 
580
584
  var uid$2 = function (key) {
581
- return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$d(++id + postfix, 36);
585
+ return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$e(++id + postfix, 36);
582
586
  };
583
587
 
584
- var global$k = global$p;
588
+ var global$l = global$q;
585
589
  var shared$3 = shared$4;
586
590
  var hasOwn$d = hasOwnProperty_1;
587
591
  var uid$1 = uid$2;
588
592
  var NATIVE_SYMBOL$1 = symbolConstructorDetection;
589
593
  var USE_SYMBOL_AS_UID = useSymbolAsUid;
590
594
 
591
- var Symbol$2 = global$k.Symbol;
595
+ var Symbol$3 = global$l.Symbol;
592
596
  var WellKnownSymbolsStore = shared$3('wks');
593
- var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$2['for'] || Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
597
+ var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$3['for'] || Symbol$3 : Symbol$3 && Symbol$3.withoutSetter || uid$1;
594
598
 
595
599
  var wellKnownSymbol$j = function (name) {
596
600
  if (!hasOwn$d(WellKnownSymbolsStore, name)) {
597
- WellKnownSymbolsStore[name] = NATIVE_SYMBOL$1 && hasOwn$d(Symbol$2, name)
598
- ? Symbol$2[name]
601
+ WellKnownSymbolsStore[name] = NATIVE_SYMBOL$1 && hasOwn$d(Symbol$3, name)
602
+ ? Symbol$3[name]
599
603
  : createWellKnownSymbol('Symbol.' + name);
600
604
  } return WellKnownSymbolsStore[name];
601
605
  };
@@ -636,10 +640,10 @@ var toPropertyKey$2 = function (argument) {
636
640
  return isSymbol(key) ? key : key + '';
637
641
  };
638
642
 
639
- var global$j = global$p;
643
+ var global$k = global$q;
640
644
  var isObject$b = isObject$e;
641
645
 
642
- var document$3 = global$j.document;
646
+ var document$3 = global$k.document;
643
647
  // typeof document.createElement is 'object' in old IE
644
648
  var EXISTS$1 = isObject$b(document$3) && isObject$b(document$3.createElement);
645
649
 
@@ -648,11 +652,11 @@ var documentCreateElement$2 = function (it) {
648
652
  };
649
653
 
650
654
  var DESCRIPTORS$f = descriptors;
651
- var fails$j = fails$o;
655
+ var fails$k = fails$p;
652
656
  var createElement$1 = documentCreateElement$2;
653
657
 
654
658
  // Thanks to IE8 for its funny defineProperty
655
- var ie8DomDefine = !DESCRIPTORS$f && !fails$j(function () {
659
+ var ie8DomDefine = !DESCRIPTORS$f && !fails$k(function () {
656
660
  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
657
661
  return Object.defineProperty(createElement$1('div'), 'a', {
658
662
  get: function () { return 7; }
@@ -685,11 +689,11 @@ objectGetOwnPropertyDescriptor.f = DESCRIPTORS$e ? $getOwnPropertyDescriptor$1 :
685
689
  var objectDefineProperty = {};
686
690
 
687
691
  var DESCRIPTORS$d = descriptors;
688
- var fails$i = fails$o;
692
+ var fails$j = fails$p;
689
693
 
690
694
  // V8 ~ Chrome 36-
691
695
  // https://bugs.chromium.org/p/v8/issues/detail?id=3334
692
- var v8PrototypeDefineBug = DESCRIPTORS$d && fails$i(function () {
696
+ var v8PrototypeDefineBug = DESCRIPTORS$d && fails$j(function () {
693
697
  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
694
698
  return Object.defineProperty(function () { /* empty */ }, 'prototype', {
695
699
  value: 42,
@@ -783,11 +787,11 @@ var functionName = {
783
787
  CONFIGURABLE: CONFIGURABLE
784
788
  };
785
789
 
786
- var uncurryThis$j = functionUncurryThis;
790
+ var uncurryThis$k = functionUncurryThis;
787
791
  var isCallable$h = isCallable$n;
788
792
  var store$1 = sharedStoreExports;
789
793
 
790
- var functionToString = uncurryThis$j(Function.toString);
794
+ var functionToString = uncurryThis$k(Function.toString);
791
795
 
792
796
  // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
793
797
  if (!isCallable$h(store$1.inspectSource)) {
@@ -798,10 +802,10 @@ if (!isCallable$h(store$1.inspectSource)) {
798
802
 
799
803
  var inspectSource$3 = store$1.inspectSource;
800
804
 
801
- var global$i = global$p;
805
+ var global$j = global$q;
802
806
  var isCallable$g = isCallable$n;
803
807
 
804
- var WeakMap$1 = global$i.WeakMap;
808
+ var WeakMap$1 = global$j.WeakMap;
805
809
 
806
810
  var weakMapBasicDetection = isCallable$g(WeakMap$1) && /native code/.test(String(WeakMap$1));
807
811
 
@@ -817,7 +821,7 @@ var sharedKey$3 = function (key) {
817
821
  var hiddenKeys$4 = {};
818
822
 
819
823
  var NATIVE_WEAK_MAP = weakMapBasicDetection;
820
- var global$h = global$p;
824
+ var global$i = global$q;
821
825
  var isObject$9 = isObject$e;
822
826
  var createNonEnumerableProperty$8 = createNonEnumerableProperty$9;
823
827
  var hasOwn$a = hasOwnProperty_1;
@@ -826,8 +830,8 @@ var sharedKey$2 = sharedKey$3;
826
830
  var hiddenKeys$3 = hiddenKeys$4;
827
831
 
828
832
  var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
829
- var TypeError$2 = global$h.TypeError;
830
- var WeakMap = global$h.WeakMap;
833
+ var TypeError$2 = global$i.TypeError;
834
+ var WeakMap = global$i.WeakMap;
831
835
  var set$2, get, has;
832
836
 
833
837
  var enforce = function (it) {
@@ -887,8 +891,8 @@ var internalState = {
887
891
  getterFor: getterFor
888
892
  };
889
893
 
890
- var uncurryThis$i = functionUncurryThis;
891
- var fails$h = fails$o;
894
+ var uncurryThis$j = functionUncurryThis;
895
+ var fails$i = fails$p;
892
896
  var isCallable$f = isCallable$n;
893
897
  var hasOwn$9 = hasOwnProperty_1;
894
898
  var DESCRIPTORS$9 = descriptors;
@@ -901,11 +905,11 @@ var getInternalState$3 = InternalStateModule$2.get;
901
905
  var $String$2 = String;
902
906
  // eslint-disable-next-line es/no-object-defineproperty -- safe
903
907
  var defineProperty$6 = Object.defineProperty;
904
- var stringSlice$5 = uncurryThis$i(''.slice);
905
- var replace$5 = uncurryThis$i(''.replace);
906
- var join = uncurryThis$i([].join);
908
+ var stringSlice$5 = uncurryThis$j(''.slice);
909
+ var replace$5 = uncurryThis$j(''.replace);
910
+ var join = uncurryThis$j([].join);
907
911
 
908
- var CONFIGURABLE_LENGTH = DESCRIPTORS$9 && !fails$h(function () {
912
+ var CONFIGURABLE_LENGTH = DESCRIPTORS$9 && !fails$i(function () {
909
913
  return defineProperty$6(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
910
914
  });
911
915
 
@@ -1061,13 +1065,13 @@ var arrayIncludes = {
1061
1065
  indexOf: createMethod$3(false)
1062
1066
  };
1063
1067
 
1064
- var uncurryThis$h = functionUncurryThis;
1068
+ var uncurryThis$i = functionUncurryThis;
1065
1069
  var hasOwn$8 = hasOwnProperty_1;
1066
1070
  var toIndexedObject$2 = toIndexedObject$5;
1067
1071
  var indexOf$1 = arrayIncludes.indexOf;
1068
1072
  var hiddenKeys$2 = hiddenKeys$4;
1069
1073
 
1070
- var push$1 = uncurryThis$h([].push);
1074
+ var push$1 = uncurryThis$i([].push);
1071
1075
 
1072
1076
  var objectKeysInternal = function (object, names) {
1073
1077
  var O = toIndexedObject$2(object);
@@ -1111,12 +1115,12 @@ var objectGetOwnPropertySymbols = {};
1111
1115
  objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
1112
1116
 
1113
1117
  var getBuiltIn$6 = getBuiltIn$8;
1114
- var uncurryThis$g = functionUncurryThis;
1118
+ var uncurryThis$h = functionUncurryThis;
1115
1119
  var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
1116
1120
  var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
1117
1121
  var anObject$e = anObject$g;
1118
1122
 
1119
- var concat$1 = uncurryThis$g([].concat);
1123
+ var concat$1 = uncurryThis$h([].concat);
1120
1124
 
1121
1125
  // all object keys, includes non-enumerable and symbols
1122
1126
  var ownKeys$1 = getBuiltIn$6('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -1142,7 +1146,7 @@ var copyConstructorProperties$3 = function (target, source, exceptions) {
1142
1146
  }
1143
1147
  };
1144
1148
 
1145
- var fails$g = fails$o;
1149
+ var fails$h = fails$p;
1146
1150
  var isCallable$d = isCallable$n;
1147
1151
 
1148
1152
  var replacement = /#|\.prototype\./;
@@ -1151,7 +1155,7 @@ var isForced$3 = function (feature, detection) {
1151
1155
  var value = data[normalize(feature)];
1152
1156
  return value === POLYFILL ? true
1153
1157
  : value === NATIVE ? false
1154
- : isCallable$d(detection) ? fails$g(detection)
1158
+ : isCallable$d(detection) ? fails$h(detection)
1155
1159
  : !!detection;
1156
1160
  };
1157
1161
 
@@ -1165,7 +1169,7 @@ var POLYFILL = isForced$3.POLYFILL = 'P';
1165
1169
 
1166
1170
  var isForced_1 = isForced$3;
1167
1171
 
1168
- var global$g = global$p;
1172
+ var global$h = global$q;
1169
1173
  var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
1170
1174
  var createNonEnumerableProperty$7 = createNonEnumerableProperty$9;
1171
1175
  var defineBuiltIn$7 = defineBuiltIn$8;
@@ -1194,11 +1198,11 @@ var _export = function (options, source) {
1194
1198
  var STATIC = options.stat;
1195
1199
  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
1196
1200
  if (GLOBAL) {
1197
- target = global$g;
1201
+ target = global$h;
1198
1202
  } else if (STATIC) {
1199
- target = global$g[TARGET] || defineGlobalProperty(TARGET, {});
1203
+ target = global$h[TARGET] || defineGlobalProperty(TARGET, {});
1200
1204
  } else {
1201
- target = global$g[TARGET] && global$g[TARGET].prototype;
1205
+ target = global$h[TARGET] && global$h[TARGET].prototype;
1202
1206
  }
1203
1207
  if (target) for (key in source) {
1204
1208
  sourceProperty = source[key];
@@ -1231,9 +1235,9 @@ var objectKeys$2 = Object.keys || function keys(O) {
1231
1235
  };
1232
1236
 
1233
1237
  var DESCRIPTORS$8 = descriptors;
1234
- var uncurryThis$f = functionUncurryThis;
1238
+ var uncurryThis$g = functionUncurryThis;
1235
1239
  var call$g = functionCall;
1236
- var fails$f = fails$o;
1240
+ var fails$g = fails$p;
1237
1241
  var objectKeys$1 = objectKeys$2;
1238
1242
  var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
1239
1243
  var propertyIsEnumerableModule = objectPropertyIsEnumerable;
@@ -1244,11 +1248,11 @@ var IndexedObject$1 = indexedObject;
1244
1248
  var $assign = Object.assign;
1245
1249
  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
1246
1250
  var defineProperty$5 = Object.defineProperty;
1247
- var concat = uncurryThis$f([].concat);
1251
+ var concat = uncurryThis$g([].concat);
1248
1252
 
1249
1253
  // `Object.assign` method
1250
1254
  // https://tc39.es/ecma262/#sec-object.assign
1251
- var objectAssign = !$assign || fails$f(function () {
1255
+ var objectAssign = !$assign || fails$g(function () {
1252
1256
  // should have correct order of operations (Edge bug)
1253
1257
  if (DESCRIPTORS$8 && $assign({ b: 1 }, $assign(defineProperty$5({}, 'a', {
1254
1258
  enumerable: true,
@@ -1287,13 +1291,13 @@ var objectAssign = !$assign || fails$f(function () {
1287
1291
  } return T;
1288
1292
  } : $assign;
1289
1293
 
1290
- var $$h = _export;
1294
+ var $$i = _export;
1291
1295
  var assign = objectAssign;
1292
1296
 
1293
1297
  // `Object.assign` method
1294
1298
  // https://tc39.es/ecma262/#sec-object.assign
1295
1299
  // eslint-disable-next-line es/no-object-assign -- required for testing
1296
- $$h({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
1300
+ $$i({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
1297
1301
  assign: assign
1298
1302
  });
1299
1303
 
@@ -1451,7 +1455,7 @@ var classof$7 = classof$8;
1451
1455
 
1452
1456
  var $String$1 = String;
1453
1457
 
1454
- var toString$c = function (argument) {
1458
+ var toString$d = function (argument) {
1455
1459
  if (classof$7(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
1456
1460
  return $String$1(argument);
1457
1461
  };
@@ -1465,18 +1469,18 @@ var defineBuiltInAccessor$3 = function (target, name, descriptor) {
1465
1469
  return defineProperty$4.f(target, name, descriptor);
1466
1470
  };
1467
1471
 
1468
- var $$g = _export;
1472
+ var $$h = _export;
1469
1473
  var DESCRIPTORS$7 = descriptors;
1470
- var global$f = global$p;
1471
- var uncurryThis$e = functionUncurryThis;
1474
+ var global$g = global$q;
1475
+ var uncurryThis$f = functionUncurryThis;
1472
1476
  var hasOwn$6 = hasOwnProperty_1;
1473
1477
  var isCallable$b = isCallable$n;
1474
1478
  var isPrototypeOf$5 = objectIsPrototypeOf;
1475
- var toString$b = toString$c;
1479
+ var toString$c = toString$d;
1476
1480
  var defineBuiltInAccessor$2 = defineBuiltInAccessor$3;
1477
1481
  var copyConstructorProperties$1 = copyConstructorProperties$3;
1478
1482
 
1479
- var NativeSymbol = global$f.Symbol;
1483
+ var NativeSymbol = global$g.Symbol;
1480
1484
  var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
1481
1485
 
1482
1486
  if (DESCRIPTORS$7 && isCallable$b(NativeSymbol) && (!('description' in SymbolPrototype) ||
@@ -1486,7 +1490,7 @@ if (DESCRIPTORS$7 && isCallable$b(NativeSymbol) && (!('description' in SymbolPro
1486
1490
  var EmptyStringDescriptionStore = {};
1487
1491
  // wrap Symbol constructor for correct work with undefined description
1488
1492
  var SymbolWrapper = function Symbol() {
1489
- var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString$b(arguments[0]);
1493
+ var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString$c(arguments[0]);
1490
1494
  var result = isPrototypeOf$5(SymbolPrototype, this)
1491
1495
  ? new NativeSymbol(description)
1492
1496
  // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
@@ -1500,11 +1504,11 @@ if (DESCRIPTORS$7 && isCallable$b(NativeSymbol) && (!('description' in SymbolPro
1500
1504
  SymbolPrototype.constructor = SymbolWrapper;
1501
1505
 
1502
1506
  var NATIVE_SYMBOL = String(NativeSymbol('description detection')) === 'Symbol(description detection)';
1503
- var thisSymbolValue = uncurryThis$e(SymbolPrototype.valueOf);
1504
- var symbolDescriptiveString = uncurryThis$e(SymbolPrototype.toString);
1507
+ var thisSymbolValue = uncurryThis$f(SymbolPrototype.valueOf);
1508
+ var symbolDescriptiveString = uncurryThis$f(SymbolPrototype.toString);
1505
1509
  var regexp = /^Symbol\((.*)\)[^)]+$/;
1506
- var replace$4 = uncurryThis$e(''.replace);
1507
- var stringSlice$4 = uncurryThis$e(''.slice);
1510
+ var replace$4 = uncurryThis$f(''.replace);
1511
+ var stringSlice$4 = uncurryThis$f(''.slice);
1508
1512
 
1509
1513
  defineBuiltInAccessor$2(SymbolPrototype, 'description', {
1510
1514
  configurable: true,
@@ -1517,7 +1521,7 @@ if (DESCRIPTORS$7 && isCallable$b(NativeSymbol) && (!('description' in SymbolPro
1517
1521
  }
1518
1522
  });
1519
1523
 
1520
- $$g({ global: true, constructor: true, forced: true }, {
1524
+ $$h({ global: true, constructor: true, forced: true }, {
1521
1525
  Symbol: SymbolWrapper
1522
1526
  });
1523
1527
  }
@@ -1656,9 +1660,9 @@ var addToUnscopables$3 = function (key) {
1656
1660
 
1657
1661
  var iterators = {};
1658
1662
 
1659
- var fails$e = fails$o;
1663
+ var fails$f = fails$p;
1660
1664
 
1661
- var correctPrototypeGetter = !fails$e(function () {
1665
+ var correctPrototypeGetter = !fails$f(function () {
1662
1666
  function F() { /* empty */ }
1663
1667
  F.prototype.constructor = null;
1664
1668
  // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
@@ -1687,14 +1691,14 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : f
1687
1691
  } return object instanceof $Object ? ObjectPrototype : null;
1688
1692
  };
1689
1693
 
1690
- var fails$d = fails$o;
1694
+ var fails$e = fails$p;
1691
1695
  var isCallable$9 = isCallable$n;
1692
1696
  var isObject$8 = isObject$e;
1693
1697
  var getPrototypeOf$1 = objectGetPrototypeOf;
1694
1698
  var defineBuiltIn$6 = defineBuiltIn$8;
1695
1699
  var wellKnownSymbol$e = wellKnownSymbol$j;
1696
1700
 
1697
- var ITERATOR$6 = wellKnownSymbol$e('iterator');
1701
+ var ITERATOR$7 = wellKnownSymbol$e('iterator');
1698
1702
  var BUGGY_SAFARI_ITERATORS$1 = false;
1699
1703
 
1700
1704
  // `%IteratorPrototype%` object
@@ -1712,18 +1716,18 @@ if ([].keys) {
1712
1716
  }
1713
1717
  }
1714
1718
 
1715
- var NEW_ITERATOR_PROTOTYPE = !isObject$8(IteratorPrototype$2) || fails$d(function () {
1719
+ var NEW_ITERATOR_PROTOTYPE = !isObject$8(IteratorPrototype$2) || fails$e(function () {
1716
1720
  var test = {};
1717
1721
  // FF44- legacy iterators case
1718
- return IteratorPrototype$2[ITERATOR$6].call(test) !== test;
1722
+ return IteratorPrototype$2[ITERATOR$7].call(test) !== test;
1719
1723
  });
1720
1724
 
1721
1725
  if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
1722
1726
 
1723
1727
  // `%IteratorPrototype%[@@iterator]()` method
1724
1728
  // https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
1725
- if (!isCallable$9(IteratorPrototype$2[ITERATOR$6])) {
1726
- defineBuiltIn$6(IteratorPrototype$2, ITERATOR$6, function () {
1729
+ if (!isCallable$9(IteratorPrototype$2[ITERATOR$7])) {
1730
+ defineBuiltIn$6(IteratorPrototype$2, ITERATOR$7, function () {
1727
1731
  return this;
1728
1732
  });
1729
1733
  }
@@ -1762,13 +1766,13 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
1762
1766
  return IteratorConstructor;
1763
1767
  };
1764
1768
 
1765
- var uncurryThis$d = functionUncurryThis;
1769
+ var uncurryThis$e = functionUncurryThis;
1766
1770
  var aCallable$7 = aCallable$9;
1767
1771
 
1768
1772
  var functionUncurryThisAccessor = function (object, key, method) {
1769
1773
  try {
1770
1774
  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
1771
- return uncurryThis$d(aCallable$7(Object.getOwnPropertyDescriptor(object, key)[method]));
1775
+ return uncurryThis$e(aCallable$7(Object.getOwnPropertyDescriptor(object, key)[method]));
1772
1776
  } catch (error) { /* empty */ }
1773
1777
  };
1774
1778
 
@@ -1817,7 +1821,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
1817
1821
  };
1818
1822
  }() : undefined);
1819
1823
 
1820
- var $$f = _export;
1824
+ var $$g = _export;
1821
1825
  var call$f = functionCall;
1822
1826
  var FunctionName = functionName;
1823
1827
  var isCallable$8 = isCallable$n;
@@ -1835,7 +1839,7 @@ var PROPER_FUNCTION_NAME$1 = FunctionName.PROPER;
1835
1839
  var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
1836
1840
  var IteratorPrototype = IteratorsCore.IteratorPrototype;
1837
1841
  var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
1838
- var ITERATOR$5 = wellKnownSymbol$c('iterator');
1842
+ var ITERATOR$6 = wellKnownSymbol$c('iterator');
1839
1843
  var KEYS = 'keys';
1840
1844
  var VALUES = 'values';
1841
1845
  var ENTRIES = 'entries';
@@ -1861,7 +1865,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
1861
1865
  var TO_STRING_TAG = NAME + ' Iterator';
1862
1866
  var INCORRECT_VALUES_NAME = false;
1863
1867
  var IterablePrototype = Iterable.prototype;
1864
- var nativeIterator = IterablePrototype[ITERATOR$5]
1868
+ var nativeIterator = IterablePrototype[ITERATOR$6]
1865
1869
  || IterablePrototype['@@iterator']
1866
1870
  || DEFAULT && IterablePrototype[DEFAULT];
1867
1871
  var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
@@ -1875,8 +1879,8 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
1875
1879
  if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
1876
1880
  if (setPrototypeOf$3) {
1877
1881
  setPrototypeOf$3(CurrentIteratorPrototype, IteratorPrototype);
1878
- } else if (!isCallable$8(CurrentIteratorPrototype[ITERATOR$5])) {
1879
- defineBuiltIn$5(CurrentIteratorPrototype, ITERATOR$5, returnThis);
1882
+ } else if (!isCallable$8(CurrentIteratorPrototype[ITERATOR$6])) {
1883
+ defineBuiltIn$5(CurrentIteratorPrototype, ITERATOR$6, returnThis);
1880
1884
  }
1881
1885
  }
1882
1886
  // Set @@toStringTag to native iterators
@@ -1905,12 +1909,12 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
1905
1909
  if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
1906
1910
  defineBuiltIn$5(IterablePrototype, KEY, methods[KEY]);
1907
1911
  }
1908
- } else $$f({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
1912
+ } else $$g({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
1909
1913
  }
1910
1914
 
1911
1915
  // define iterator
1912
- if (IterablePrototype[ITERATOR$5] !== defaultIterator) {
1913
- defineBuiltIn$5(IterablePrototype, ITERATOR$5, defaultIterator, { name: DEFAULT });
1916
+ if (IterablePrototype[ITERATOR$6] !== defaultIterator) {
1917
+ defineBuiltIn$5(IterablePrototype, ITERATOR$6, defaultIterator, { name: DEFAULT });
1914
1918
  }
1915
1919
  Iterators$3[NAME] = defaultIterator;
1916
1920
 
@@ -2028,7 +2032,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
2028
2032
 
2029
2033
  var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
2030
2034
 
2031
- var global$e = global$p;
2035
+ var global$f = global$q;
2032
2036
  var DOMIterables = domIterables;
2033
2037
  var DOMTokenListPrototype = domTokenListPrototype;
2034
2038
  var ArrayIteratorMethods = es_array_iterator;
@@ -2036,16 +2040,16 @@ var createNonEnumerableProperty$5 = createNonEnumerableProperty$9;
2036
2040
  var setToStringTag$1 = setToStringTag$4;
2037
2041
  var wellKnownSymbol$b = wellKnownSymbol$j;
2038
2042
 
2039
- var ITERATOR$4 = wellKnownSymbol$b('iterator');
2043
+ var ITERATOR$5 = wellKnownSymbol$b('iterator');
2040
2044
  var ArrayValues = ArrayIteratorMethods.values;
2041
2045
 
2042
2046
  var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
2043
2047
  if (CollectionPrototype) {
2044
2048
  // some Chrome versions have non-configurable methods on DOMTokenList
2045
- if (CollectionPrototype[ITERATOR$4] !== ArrayValues) try {
2046
- createNonEnumerableProperty$5(CollectionPrototype, ITERATOR$4, ArrayValues);
2049
+ if (CollectionPrototype[ITERATOR$5] !== ArrayValues) try {
2050
+ createNonEnumerableProperty$5(CollectionPrototype, ITERATOR$5, ArrayValues);
2047
2051
  } catch (error) {
2048
- CollectionPrototype[ITERATOR$4] = ArrayValues;
2052
+ CollectionPrototype[ITERATOR$5] = ArrayValues;
2049
2053
  }
2050
2054
  setToStringTag$1(CollectionPrototype, COLLECTION_NAME, true);
2051
2055
  if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
@@ -2060,7 +2064,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
2060
2064
  };
2061
2065
 
2062
2066
  for (var COLLECTION_NAME in DOMIterables) {
2063
- handlePrototype(global$e[COLLECTION_NAME] && global$e[COLLECTION_NAME].prototype, COLLECTION_NAME);
2067
+ handlePrototype(global$f[COLLECTION_NAME] && global$f[COLLECTION_NAME].prototype, COLLECTION_NAME);
2064
2068
  }
2065
2069
 
2066
2070
  handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
@@ -2219,35 +2223,16 @@ const CustomDialog = _a => {
2219
2223
  };
2220
2224
 
2221
2225
  const SHARED_NAMESPACE = 'shared';
2222
- const initSharedI18n = () => {
2223
- i18n.use(initReactI18next).init({
2224
- lng: 'en',
2225
- ns: SHARED_NAMESPACE,
2226
- interpolation: {
2227
- escapeValue: false
2228
- },
2229
- resources: {
2230
- en: {
2231
- shared: sharedTranslations.en
2232
- },
2233
- fi: {
2234
- shared: sharedTranslations.fi
2235
- },
2236
- no: {
2237
- shared: sharedTranslations.no
2238
- },
2239
- nl: {
2240
- shared: sharedTranslations.nl
2241
- }
2242
- }
2243
- });
2244
- };
2245
2226
  const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
2246
2227
  ns: SHARED_NAMESPACE
2247
2228
  }, params));
2248
2229
 
2249
2230
  const confirmStyle = {
2250
2231
  width: {
2232
+ xs: '100%',
2233
+ sm: 'auto'
2234
+ },
2235
+ minWidth: {
2251
2236
  xs: '100%',
2252
2237
  sm: '150px'
2253
2238
  },
@@ -2333,10 +2318,10 @@ const ConfirmationDialog = _a => {
2333
2318
  }));
2334
2319
  };
2335
2320
 
2336
- var global$d = global$p;
2321
+ var global$e = global$q;
2337
2322
  var classof$6 = classofRaw$2;
2338
2323
 
2339
- var engineIsNode = classof$6(global$d.process) === 'process';
2324
+ var engineIsNode = classof$6(global$e.process) === 'process';
2340
2325
 
2341
2326
  var getBuiltIn$4 = getBuiltIn$8;
2342
2327
  var defineBuiltInAccessor$1 = defineBuiltInAccessor$3;
@@ -2365,8 +2350,8 @@ var anInstance$1 = function (it, Prototype) {
2365
2350
  throw new $TypeError$a('Incorrect invocation');
2366
2351
  };
2367
2352
 
2368
- var uncurryThis$c = functionUncurryThis;
2369
- var fails$c = fails$o;
2353
+ var uncurryThis$d = functionUncurryThis;
2354
+ var fails$d = fails$p;
2370
2355
  var isCallable$7 = isCallable$n;
2371
2356
  var classof$5 = classof$8;
2372
2357
  var getBuiltIn$3 = getBuiltIn$8;
@@ -2375,7 +2360,7 @@ var inspectSource$1 = inspectSource$3;
2375
2360
  var noop = function () { /* empty */ };
2376
2361
  var construct = getBuiltIn$3('Reflect', 'construct');
2377
2362
  var constructorRegExp = /^\s*(?:class|function)\b/;
2378
- var exec$3 = uncurryThis$c(constructorRegExp.exec);
2363
+ var exec$3 = uncurryThis$d(constructorRegExp.exec);
2379
2364
  var INCORRECT_TO_STRING = !constructorRegExp.test(noop);
2380
2365
 
2381
2366
  var isConstructorModern = function isConstructor(argument) {
@@ -2409,7 +2394,7 @@ isConstructorLegacy.sham = true;
2409
2394
 
2410
2395
  // `IsConstructor` abstract operation
2411
2396
  // https://tc39.es/ecma262/#sec-isconstructor
2412
- var isConstructor$2 = !construct || fails$c(function () {
2397
+ var isConstructor$2 = !construct || fails$d(function () {
2413
2398
  var called;
2414
2399
  return isConstructorModern(isConstructorModern.call)
2415
2400
  || !isConstructorModern(Object)
@@ -2455,20 +2440,20 @@ var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$
2455
2440
  });
2456
2441
 
2457
2442
  var classofRaw = classofRaw$2;
2458
- var uncurryThis$b = functionUncurryThis;
2443
+ var uncurryThis$c = functionUncurryThis;
2459
2444
 
2460
2445
  var functionUncurryThisClause = function (fn) {
2461
2446
  // Nashorn bug:
2462
2447
  // https://github.com/zloirock/core-js/issues/1128
2463
2448
  // https://github.com/zloirock/core-js/issues/1130
2464
- if (classofRaw(fn) === 'Function') return uncurryThis$b(fn);
2449
+ if (classofRaw(fn) === 'Function') return uncurryThis$c(fn);
2465
2450
  };
2466
2451
 
2467
- var uncurryThis$a = functionUncurryThisClause;
2452
+ var uncurryThis$b = functionUncurryThisClause;
2468
2453
  var aCallable$6 = aCallable$9;
2469
2454
  var NATIVE_BIND = functionBindNative;
2470
2455
 
2471
- var bind$5 = uncurryThis$a(uncurryThis$a.bind);
2456
+ var bind$5 = uncurryThis$b(uncurryThis$b.bind);
2472
2457
 
2473
2458
  // optional / simple context binding
2474
2459
  var functionBindContext = function (fn, that) {
@@ -2478,9 +2463,9 @@ var functionBindContext = function (fn, that) {
2478
2463
  };
2479
2464
  };
2480
2465
 
2481
- var uncurryThis$9 = functionUncurryThis;
2466
+ var uncurryThis$a = functionUncurryThis;
2482
2467
 
2483
- var arraySlice$1 = uncurryThis$9([].slice);
2468
+ var arraySlice$1 = uncurryThis$a([].slice);
2484
2469
 
2485
2470
  var $TypeError$8 = TypeError;
2486
2471
 
@@ -2494,12 +2479,12 @@ var userAgent$2 = engineUserAgent;
2494
2479
  // eslint-disable-next-line redos/no-vulnerable -- safe
2495
2480
  var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
2496
2481
 
2497
- var global$c = global$p;
2482
+ var global$d = global$q;
2498
2483
  var apply$1 = functionApply;
2499
2484
  var bind$4 = functionBindContext;
2500
2485
  var isCallable$6 = isCallable$n;
2501
2486
  var hasOwn$3 = hasOwnProperty_1;
2502
- var fails$b = fails$o;
2487
+ var fails$c = fails$p;
2503
2488
  var html = html$2;
2504
2489
  var arraySlice = arraySlice$1;
2505
2490
  var createElement = documentCreateElement$2;
@@ -2507,21 +2492,21 @@ var validateArgumentsLength = validateArgumentsLength$1;
2507
2492
  var IS_IOS$1 = engineIsIos;
2508
2493
  var IS_NODE$4 = engineIsNode;
2509
2494
 
2510
- var set$1 = global$c.setImmediate;
2511
- var clear = global$c.clearImmediate;
2512
- var process$2 = global$c.process;
2513
- var Dispatch = global$c.Dispatch;
2514
- var Function$1 = global$c.Function;
2515
- var MessageChannel = global$c.MessageChannel;
2516
- var String$1 = global$c.String;
2495
+ var set$1 = global$d.setImmediate;
2496
+ var clear = global$d.clearImmediate;
2497
+ var process$2 = global$d.process;
2498
+ var Dispatch = global$d.Dispatch;
2499
+ var Function$1 = global$d.Function;
2500
+ var MessageChannel = global$d.MessageChannel;
2501
+ var String$1 = global$d.String;
2517
2502
  var counter = 0;
2518
2503
  var queue$2 = {};
2519
2504
  var ONREADYSTATECHANGE = 'onreadystatechange';
2520
2505
  var $location, defer, channel, port;
2521
2506
 
2522
- fails$b(function () {
2507
+ fails$c(function () {
2523
2508
  // Deno throws a ReferenceError on `location` access without `--location` flag
2524
- $location = global$c.location;
2509
+ $location = global$d.location;
2525
2510
  });
2526
2511
 
2527
2512
  var run = function (id) {
@@ -2544,7 +2529,7 @@ var eventListener = function (event) {
2544
2529
 
2545
2530
  var globalPostMessageDefer = function (id) {
2546
2531
  // old engines have not location.origin
2547
- global$c.postMessage(String$1(id), $location.protocol + '//' + $location.host);
2532
+ global$d.postMessage(String$1(id), $location.protocol + '//' + $location.host);
2548
2533
  };
2549
2534
 
2550
2535
  // Node.js 0.9+ & IE10+ has setImmediate, otherwise:
@@ -2582,14 +2567,14 @@ if (!set$1 || !clear) {
2582
2567
  // Browsers with postMessage, skip WebWorkers
2583
2568
  // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
2584
2569
  } else if (
2585
- global$c.addEventListener &&
2586
- isCallable$6(global$c.postMessage) &&
2587
- !global$c.importScripts &&
2570
+ global$d.addEventListener &&
2571
+ isCallable$6(global$d.postMessage) &&
2572
+ !global$d.importScripts &&
2588
2573
  $location && $location.protocol !== 'file:' &&
2589
- !fails$b(globalPostMessageDefer)
2574
+ !fails$c(globalPostMessageDefer)
2590
2575
  ) {
2591
2576
  defer = globalPostMessageDefer;
2592
- global$c.addEventListener('message', eventListener, false);
2577
+ global$d.addEventListener('message', eventListener, false);
2593
2578
  // IE8-
2594
2579
  } else if (ONREADYSTATECHANGE in createElement('script')) {
2595
2580
  defer = function (id) {
@@ -2611,7 +2596,7 @@ var task$1 = {
2611
2596
  clear: clear
2612
2597
  };
2613
2598
 
2614
- var global$b = global$p;
2599
+ var global$c = global$q;
2615
2600
  var DESCRIPTORS$3 = descriptors;
2616
2601
 
2617
2602
  // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -2619,8 +2604,8 @@ var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
2619
2604
 
2620
2605
  // Avoid NodeJS experimental warning
2621
2606
  var safeGetBuiltIn$1 = function (name) {
2622
- if (!DESCRIPTORS$3) return global$b[name];
2623
- var descriptor = getOwnPropertyDescriptor(global$b, name);
2607
+ if (!DESCRIPTORS$3) return global$c[name];
2608
+ var descriptor = getOwnPropertyDescriptor(global$c, name);
2624
2609
  return descriptor && descriptor.value;
2625
2610
  };
2626
2611
 
@@ -2657,7 +2642,7 @@ var userAgent = engineUserAgent;
2657
2642
 
2658
2643
  var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
2659
2644
 
2660
- var global$a = global$p;
2645
+ var global$b = global$q;
2661
2646
  var safeGetBuiltIn = safeGetBuiltIn$1;
2662
2647
  var bind$3 = functionBindContext;
2663
2648
  var macrotask = task$1.set;
@@ -2667,10 +2652,10 @@ var IS_IOS_PEBBLE = engineIsIosPebble;
2667
2652
  var IS_WEBOS_WEBKIT = engineIsWebosWebkit;
2668
2653
  var IS_NODE$3 = engineIsNode;
2669
2654
 
2670
- var MutationObserver = global$a.MutationObserver || global$a.WebKitMutationObserver;
2671
- var document$2 = global$a.document;
2672
- var process$1 = global$a.process;
2673
- var Promise$1 = global$a.Promise;
2655
+ var MutationObserver = global$b.MutationObserver || global$b.WebKitMutationObserver;
2656
+ var document$2 = global$b.document;
2657
+ var process$1 = global$b.process;
2658
+ var Promise$1 = global$b.Promise;
2674
2659
  var microtask$1 = safeGetBuiltIn('queueMicrotask');
2675
2660
  var notify$1, toggle, node, promise, then;
2676
2661
 
@@ -2722,7 +2707,7 @@ if (!microtask$1) {
2722
2707
  // - setTimeout
2723
2708
  } else {
2724
2709
  // `webpack` dev server bug on IE global methods - use bind(fn, global)
2725
- macrotask = bind$3(macrotask, global$a);
2710
+ macrotask = bind$3(macrotask, global$b);
2726
2711
  notify$1 = function () {
2727
2712
  macrotask(flush);
2728
2713
  };
@@ -2751,9 +2736,9 @@ var perform$3 = function (exec) {
2751
2736
  }
2752
2737
  };
2753
2738
 
2754
- var global$9 = global$p;
2739
+ var global$a = global$q;
2755
2740
 
2756
- var promiseNativeConstructor = global$9.Promise;
2741
+ var promiseNativeConstructor = global$a.Promise;
2757
2742
 
2758
2743
  /* global Deno -- Deno case */
2759
2744
  var engineIsDeno = typeof Deno == 'object' && Deno && typeof Deno.version == 'object';
@@ -2765,7 +2750,7 @@ var engineIsBrowser = !IS_DENO$1 && !IS_NODE$2
2765
2750
  && typeof window == 'object'
2766
2751
  && typeof document == 'object';
2767
2752
 
2768
- var global$8 = global$p;
2753
+ var global$9 = global$q;
2769
2754
  var NativePromiseConstructor$3 = promiseNativeConstructor;
2770
2755
  var isCallable$5 = isCallable$n;
2771
2756
  var isForced$1 = isForced_1;
@@ -2778,7 +2763,7 @@ var V8_VERSION = engineV8Version;
2778
2763
  NativePromiseConstructor$3 && NativePromiseConstructor$3.prototype;
2779
2764
  var SPECIES$2 = wellKnownSymbol$8('species');
2780
2765
  var SUBCLASSING = false;
2781
- var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$5(global$8.PromiseRejectionEvent);
2766
+ var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$5(global$9.PromiseRejectionEvent);
2782
2767
 
2783
2768
  var FORCED_PROMISE_CONSTRUCTOR$5 = isForced$1('Promise', function () {
2784
2769
  var PROMISE_CONSTRUCTOR_SOURCE = inspectSource(NativePromiseConstructor$3);
@@ -2833,9 +2818,9 @@ newPromiseCapability$2.f = function (C) {
2833
2818
  return new PromiseCapability(C);
2834
2819
  };
2835
2820
 
2836
- var $$e = _export;
2821
+ var $$f = _export;
2837
2822
  var IS_NODE$1 = engineIsNode;
2838
- var global$7 = global$p;
2823
+ var global$8 = global$q;
2839
2824
  var call$d = functionCall;
2840
2825
  var defineBuiltIn$4 = defineBuiltIn$8;
2841
2826
  var setPrototypeOf$2 = objectSetPrototypeOf;
@@ -2865,13 +2850,13 @@ var setInternalState = InternalStateModule.set;
2865
2850
  var NativePromisePrototype$1 = NativePromiseConstructor$2 && NativePromiseConstructor$2.prototype;
2866
2851
  var PromiseConstructor = NativePromiseConstructor$2;
2867
2852
  var PromisePrototype = NativePromisePrototype$1;
2868
- var TypeError$1 = global$7.TypeError;
2869
- var document$1 = global$7.document;
2870
- var process = global$7.process;
2853
+ var TypeError$1 = global$8.TypeError;
2854
+ var document$1 = global$8.document;
2855
+ var process = global$8.process;
2871
2856
  var newPromiseCapability$1 = newPromiseCapabilityModule$3.f;
2872
2857
  var newGenericPromiseCapability = newPromiseCapability$1;
2873
2858
 
2874
- var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$7.dispatchEvent);
2859
+ var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$8.dispatchEvent);
2875
2860
  var UNHANDLED_REJECTION = 'unhandledrejection';
2876
2861
  var REJECTION_HANDLED = 'rejectionhandled';
2877
2862
  var PENDING = 0;
@@ -2944,14 +2929,14 @@ var dispatchEvent = function (name, promise, reason) {
2944
2929
  event.promise = promise;
2945
2930
  event.reason = reason;
2946
2931
  event.initEvent(name, false, true);
2947
- global$7.dispatchEvent(event);
2932
+ global$8.dispatchEvent(event);
2948
2933
  } else event = { promise: promise, reason: reason };
2949
- if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$7['on' + name])) handler(event);
2934
+ if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$8['on' + name])) handler(event);
2950
2935
  else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);
2951
2936
  };
2952
2937
 
2953
2938
  var onUnhandled = function (state) {
2954
- call$d(task, global$7, function () {
2939
+ call$d(task, global$8, function () {
2955
2940
  var promise = state.facade;
2956
2941
  var value = state.value;
2957
2942
  var IS_UNHANDLED = isUnhandled(state);
@@ -2974,7 +2959,7 @@ var isUnhandled = function (state) {
2974
2959
  };
2975
2960
 
2976
2961
  var onHandleUnhandled = function (state) {
2977
- call$d(task, global$7, function () {
2962
+ call$d(task, global$8, function () {
2978
2963
  var promise = state.facade;
2979
2964
  if (IS_NODE$1) {
2980
2965
  process.emit('rejectionHandled', promise);
@@ -3113,7 +3098,7 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
3113
3098
  }
3114
3099
  }
3115
3100
 
3116
- $$e({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
3101
+ $$f({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
3117
3102
  Promise: PromiseConstructor
3118
3103
  });
3119
3104
 
@@ -3123,12 +3108,12 @@ setSpecies$1(PROMISE);
3123
3108
  var wellKnownSymbol$7 = wellKnownSymbol$j;
3124
3109
  var Iterators$1 = iterators;
3125
3110
 
3126
- var ITERATOR$3 = wellKnownSymbol$7('iterator');
3111
+ var ITERATOR$4 = wellKnownSymbol$7('iterator');
3127
3112
  var ArrayPrototype = Array.prototype;
3128
3113
 
3129
3114
  // check on default Array iterator
3130
3115
  var isArrayIteratorMethod$1 = function (it) {
3131
- return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$3] === it);
3116
+ return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$4] === it);
3132
3117
  };
3133
3118
 
3134
3119
  var classof$4 = classof$8;
@@ -3137,10 +3122,10 @@ var isNullOrUndefined$3 = isNullOrUndefined$7;
3137
3122
  var Iterators = iterators;
3138
3123
  var wellKnownSymbol$6 = wellKnownSymbol$j;
3139
3124
 
3140
- var ITERATOR$2 = wellKnownSymbol$6('iterator');
3125
+ var ITERATOR$3 = wellKnownSymbol$6('iterator');
3141
3126
 
3142
3127
  var getIteratorMethod$2 = function (it) {
3143
- if (!isNullOrUndefined$3(it)) return getMethod$4(it, ITERATOR$2)
3128
+ if (!isNullOrUndefined$3(it)) return getMethod$4(it, ITERATOR$3)
3144
3129
  || getMethod$4(it, '@@iterator')
3145
3130
  || Iterators[classof$4(it)];
3146
3131
  };
@@ -3254,7 +3239,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
3254
3239
 
3255
3240
  var wellKnownSymbol$5 = wellKnownSymbol$j;
3256
3241
 
3257
- var ITERATOR$1 = wellKnownSymbol$5('iterator');
3242
+ var ITERATOR$2 = wellKnownSymbol$5('iterator');
3258
3243
  var SAFE_CLOSING = false;
3259
3244
 
3260
3245
  try {
@@ -3267,7 +3252,7 @@ try {
3267
3252
  SAFE_CLOSING = true;
3268
3253
  }
3269
3254
  };
3270
- iteratorWithReturn[ITERATOR$1] = function () {
3255
+ iteratorWithReturn[ITERATOR$2] = function () {
3271
3256
  return this;
3272
3257
  };
3273
3258
  // eslint-disable-next-line es/no-array-from, no-throw-literal -- required for testing
@@ -3281,7 +3266,7 @@ var checkCorrectnessOfIteration$1 = function (exec, SKIP_CLOSING) {
3281
3266
  var ITERATION_SUPPORT = false;
3282
3267
  try {
3283
3268
  var object = {};
3284
- object[ITERATOR$1] = function () {
3269
+ object[ITERATOR$2] = function () {
3285
3270
  return {
3286
3271
  next: function () {
3287
3272
  return { done: ITERATION_SUPPORT = true };
@@ -3301,7 +3286,7 @@ var promiseStaticsIncorrectIteration = FORCED_PROMISE_CONSTRUCTOR$3 || !checkCor
3301
3286
  NativePromiseConstructor$1.all(iterable).then(undefined, function () { /* empty */ });
3302
3287
  });
3303
3288
 
3304
- var $$d = _export;
3289
+ var $$e = _export;
3305
3290
  var call$9 = functionCall;
3306
3291
  var aCallable$2 = aCallable$9;
3307
3292
  var newPromiseCapabilityModule$2 = newPromiseCapability$2;
@@ -3311,7 +3296,7 @@ var PROMISE_STATICS_INCORRECT_ITERATION$1 = promiseStaticsIncorrectIteration;
3311
3296
 
3312
3297
  // `Promise.all` method
3313
3298
  // https://tc39.es/ecma262/#sec-promise.all
3314
- $$d({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
3299
+ $$e({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
3315
3300
  all: function all(iterable) {
3316
3301
  var C = this;
3317
3302
  var capability = newPromiseCapabilityModule$2.f(C);
@@ -3340,7 +3325,7 @@ $$d({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
3340
3325
  }
3341
3326
  });
3342
3327
 
3343
- var $$c = _export;
3328
+ var $$d = _export;
3344
3329
  var FORCED_PROMISE_CONSTRUCTOR$2 = promiseConstructorDetection.CONSTRUCTOR;
3345
3330
  var NativePromiseConstructor = promiseNativeConstructor;
3346
3331
  var getBuiltIn$2 = getBuiltIn$8;
@@ -3351,7 +3336,7 @@ var NativePromisePrototype = NativePromiseConstructor && NativePromiseConstructo
3351
3336
 
3352
3337
  // `Promise.prototype.catch` method
3353
3338
  // https://tc39.es/ecma262/#sec-promise.prototype.catch
3354
- $$c({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
3339
+ $$d({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
3355
3340
  'catch': function (onRejected) {
3356
3341
  return this.then(undefined, onRejected);
3357
3342
  }
@@ -3365,7 +3350,7 @@ if (isCallable$3(NativePromiseConstructor)) {
3365
3350
  }
3366
3351
  }
3367
3352
 
3368
- var $$b = _export;
3353
+ var $$c = _export;
3369
3354
  var call$8 = functionCall;
3370
3355
  var aCallable$1 = aCallable$9;
3371
3356
  var newPromiseCapabilityModule$1 = newPromiseCapability$2;
@@ -3375,7 +3360,7 @@ var PROMISE_STATICS_INCORRECT_ITERATION = promiseStaticsIncorrectIteration;
3375
3360
 
3376
3361
  // `Promise.race` method
3377
3362
  // https://tc39.es/ecma262/#sec-promise.race
3378
- $$b({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
3363
+ $$c({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
3379
3364
  race: function race(iterable) {
3380
3365
  var C = this;
3381
3366
  var capability = newPromiseCapabilityModule$1.f(C);
@@ -3391,13 +3376,13 @@ $$b({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
3391
3376
  }
3392
3377
  });
3393
3378
 
3394
- var $$a = _export;
3379
+ var $$b = _export;
3395
3380
  var newPromiseCapabilityModule = newPromiseCapability$2;
3396
3381
  var FORCED_PROMISE_CONSTRUCTOR$1 = promiseConstructorDetection.CONSTRUCTOR;
3397
3382
 
3398
3383
  // `Promise.reject` method
3399
3384
  // https://tc39.es/ecma262/#sec-promise.reject
3400
- $$a({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
3385
+ $$b({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
3401
3386
  reject: function reject(r) {
3402
3387
  var capability = newPromiseCapabilityModule.f(this);
3403
3388
  var capabilityReject = capability.reject;
@@ -3419,7 +3404,7 @@ var promiseResolve$1 = function (C, x) {
3419
3404
  return promiseCapability.promise;
3420
3405
  };
3421
3406
 
3422
- var $$9 = _export;
3407
+ var $$a = _export;
3423
3408
  var getBuiltIn$1 = getBuiltIn$8;
3424
3409
  var FORCED_PROMISE_CONSTRUCTOR = promiseConstructorDetection.CONSTRUCTOR;
3425
3410
  var promiseResolve = promiseResolve$1;
@@ -3428,7 +3413,7 @@ getBuiltIn$1('Promise');
3428
3413
 
3429
3414
  // `Promise.resolve` method
3430
3415
  // https://tc39.es/ecma262/#sec-promise.resolve
3431
- $$9({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
3416
+ $$a({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
3432
3417
  resolve: function resolve(x) {
3433
3418
  return promiseResolve(this, x);
3434
3419
  }
@@ -4110,7 +4095,7 @@ var arraySpeciesCreate$1 = function (originalArray, length) {
4110
4095
  return new (arraySpeciesConstructor(originalArray))(length === 0 ? 0 : length);
4111
4096
  };
4112
4097
 
4113
- var $$8 = _export;
4098
+ var $$9 = _export;
4114
4099
  var flattenIntoArray = flattenIntoArray_1;
4115
4100
  var toObject$1 = toObject$5;
4116
4101
  var lengthOfArrayLike$1 = lengthOfArrayLike$5;
@@ -4119,7 +4104,7 @@ var arraySpeciesCreate = arraySpeciesCreate$1;
4119
4104
 
4120
4105
  // `Array.prototype.flat` method
4121
4106
  // https://tc39.es/ecma262/#sec-array.prototype.flat
4122
- $$8({ target: 'Array', proto: true }, {
4107
+ $$9({ target: 'Array', proto: true }, {
4123
4108
  flat: function flat(/* depthArg = 1 */) {
4124
4109
  var depthArg = arguments.length ? arguments[0] : undefined;
4125
4110
  var O = toObject$1(this);
@@ -4138,22 +4123,22 @@ var addToUnscopables$1 = addToUnscopables$3;
4138
4123
  addToUnscopables$1('flat');
4139
4124
 
4140
4125
  // a string of all valid unicode whitespaces
4141
- var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
4126
+ var whitespaces$3 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
4142
4127
  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
4143
4128
 
4144
- var uncurryThis$8 = functionUncurryThis;
4129
+ var uncurryThis$9 = functionUncurryThis;
4145
4130
  var requireObjectCoercible$5 = requireObjectCoercible$9;
4146
- var toString$a = toString$c;
4147
- var whitespaces$1 = whitespaces$2;
4131
+ var toString$b = toString$d;
4132
+ var whitespaces$2 = whitespaces$3;
4148
4133
 
4149
- var replace$3 = uncurryThis$8(''.replace);
4150
- var ltrim = RegExp('^[' + whitespaces$1 + ']+');
4151
- var rtrim = RegExp('(^|[^' + whitespaces$1 + '])[' + whitespaces$1 + ']+$');
4134
+ var replace$3 = uncurryThis$9(''.replace);
4135
+ var ltrim = RegExp('^[' + whitespaces$2 + ']+');
4136
+ var rtrim = RegExp('(^|[^' + whitespaces$2 + '])[' + whitespaces$2 + ']+$');
4152
4137
 
4153
4138
  // `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
4154
4139
  var createMethod$2 = function (TYPE) {
4155
4140
  return function ($this) {
4156
- var string = toString$a(requireObjectCoercible$5($this));
4141
+ var string = toString$b(requireObjectCoercible$5($this));
4157
4142
  if (TYPE & 1) string = replace$3(string, ltrim, '');
4158
4143
  if (TYPE & 2) string = replace$3(string, rtrim, '$1');
4159
4144
  return string;
@@ -4172,50 +4157,75 @@ var stringTrim = {
4172
4157
  trim: createMethod$2(3)
4173
4158
  };
4174
4159
 
4175
- var global$6 = global$p;
4176
- var fails$a = fails$o;
4177
- var uncurryThis$7 = functionUncurryThis;
4178
- var toString$9 = toString$c;
4179
- var trim = stringTrim.trim;
4180
- var whitespaces = whitespaces$2;
4160
+ var global$7 = global$q;
4161
+ var fails$b = fails$p;
4162
+ var uncurryThis$8 = functionUncurryThis;
4163
+ var toString$a = toString$d;
4164
+ var trim$1 = stringTrim.trim;
4165
+ var whitespaces$1 = whitespaces$3;
4181
4166
 
4182
- var $parseInt$1 = global$6.parseInt;
4183
- var Symbol$1 = global$6.Symbol;
4184
- var ITERATOR = Symbol$1 && Symbol$1.iterator;
4167
+ var $parseInt$1 = global$7.parseInt;
4168
+ var Symbol$2 = global$7.Symbol;
4169
+ var ITERATOR$1 = Symbol$2 && Symbol$2.iterator;
4185
4170
  var hex = /^[+-]?0x/i;
4186
- var exec$2 = uncurryThis$7(hex.exec);
4187
- var FORCED$2 = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
4171
+ var exec$2 = uncurryThis$8(hex.exec);
4172
+ var FORCED$3 = $parseInt$1(whitespaces$1 + '08') !== 8 || $parseInt$1(whitespaces$1 + '0x16') !== 22
4188
4173
  // MS Edge 18- broken with boxed symbols
4189
- || (ITERATOR && !fails$a(function () { $parseInt$1(Object(ITERATOR)); }));
4174
+ || (ITERATOR$1 && !fails$b(function () { $parseInt$1(Object(ITERATOR$1)); }));
4190
4175
 
4191
4176
  // `parseInt` method
4192
4177
  // https://tc39.es/ecma262/#sec-parseint-string-radix
4193
- var numberParseInt = FORCED$2 ? function parseInt(string, radix) {
4194
- var S = trim(toString$9(string));
4178
+ var numberParseInt = FORCED$3 ? function parseInt(string, radix) {
4179
+ var S = trim$1(toString$a(string));
4195
4180
  return $parseInt$1(S, (radix >>> 0) || (exec$2(hex, S) ? 16 : 10));
4196
4181
  } : $parseInt$1;
4197
4182
 
4198
- var $$7 = _export;
4183
+ var $$8 = _export;
4199
4184
  var $parseInt = numberParseInt;
4200
4185
 
4201
4186
  // `parseInt` method
4202
4187
  // https://tc39.es/ecma262/#sec-parseint-string-radix
4203
- $$7({ global: true, forced: parseInt !== $parseInt }, {
4188
+ $$8({ global: true, forced: parseInt !== $parseInt }, {
4204
4189
  parseInt: $parseInt
4205
4190
  });
4206
4191
 
4207
4192
  const isDraggingClassName = 'is-dragging';
4193
+ const useBoundsProps = nodeRef => {
4194
+ const [boundsProps, setBoundsProps] = React__default.useState({});
4195
+ React__default.useEffect(() => {
4196
+ var _a;
4197
+ if (nodeRef) {
4198
+ setBoundsProps({
4199
+ bounds: (_a = nodeRef === null || nodeRef === void 0 ? void 0 : nodeRef.current) === null || _a === void 0 ? void 0 : _a.parentNode,
4200
+ boundsByDirection: true
4201
+ });
4202
+ }
4203
+ // eslint-disable-next-line react-hooks/exhaustive-deps
4204
+ }, []);
4205
+ return boundsProps;
4206
+ };
4208
4207
  const ResizeComponent = _a => {
4209
4208
  var {
4210
4209
  children,
4211
4210
  onResizeStart = () => {},
4212
4211
  onResizeStop = () => {},
4213
4212
  size,
4214
- setSize,
4213
+ setSize = () => {},
4215
4214
  minHeight = 50,
4216
- minWidth = 50
4215
+ minWidth = 50,
4216
+ enable = {
4217
+ top: false,
4218
+ right: false,
4219
+ bottom: false,
4220
+ left: false,
4221
+ topRight: true,
4222
+ bottomRight: true,
4223
+ bottomLeft: true,
4224
+ topLeft: true
4225
+ },
4226
+ nodeRef
4217
4227
  } = _a,
4218
- props = __rest(_a, ["children", "onResizeStart", "onResizeStop", "size", "setSize", "minHeight", "minWidth"]);
4228
+ props = __rest(_a, ["children", "onResizeStart", "onResizeStop", "size", "setSize", "minHeight", "minWidth", "enable", "nodeRef"]);
4219
4229
  const theme = useTheme();
4220
4230
  const onStartResize = React__default.useCallback((event, _direction, node) => {
4221
4231
  event.stopPropagation();
@@ -4235,6 +4245,9 @@ const ResizeComponent = _a => {
4235
4245
  }, [onResizeStart, setSize]);
4236
4246
  const onStopResize = React__default.useCallback((event, direction, node, delta) => {
4237
4247
  node.classList.remove(isDraggingClassName);
4248
+ if (!size) {
4249
+ return;
4250
+ }
4238
4251
  const width = parseInt(size.width, 10) + delta.width;
4239
4252
  const height = parseInt(size.height, 10) + delta.height;
4240
4253
  setSize({
@@ -4243,14 +4256,13 @@ const ResizeComponent = _a => {
4243
4256
  });
4244
4257
  onResizeStop(event, direction, node, delta);
4245
4258
  }, [setSize, onResizeStop, size]);
4246
- return jsx(Resizable
4247
- // TODO: implement bounds https://gitlab.com/opengeoweb/opengeoweb/-/issues/1035
4248
- , Object.assign({
4249
- // TODO: implement bounds https://gitlab.com/opengeoweb/opengeoweb/-/issues/1035
4259
+ const boundsProps = useBoundsProps(nodeRef);
4260
+ return jsx(Resizable, Object.assign({
4250
4261
  minHeight: minHeight,
4251
4262
  minWidth: minWidth,
4252
4263
  size: size,
4253
- onResizeStop: onStopResize,
4264
+ onResizeStop: onStopResize
4265
+ }, boundsProps, {
4254
4266
  handleComponent: {
4255
4267
  bottomRight: jsx(Resize, {
4256
4268
  style: {
@@ -4272,16 +4284,7 @@ const ResizeComponent = _a => {
4272
4284
  className: "resizableHandle"
4273
4285
  })
4274
4286
  },
4275
- enable: {
4276
- top: false,
4277
- right: false,
4278
- bottom: false,
4279
- left: false,
4280
- topRight: true,
4281
- bottomRight: true,
4282
- bottomLeft: true,
4283
- topLeft: true
4284
- },
4287
+ enable: enable,
4285
4288
  onResizeStart: onStartResize
4286
4289
  }, props, {
4287
4290
  children: children
@@ -4317,10 +4320,10 @@ var inheritIfRequired$2 = function ($this, dummy, Wrapper) {
4317
4320
  return $this;
4318
4321
  };
4319
4322
 
4320
- var toString$8 = toString$c;
4323
+ var toString$9 = toString$d;
4321
4324
 
4322
4325
  var normalizeStringArgument$1 = function (argument, $default) {
4323
- return argument === undefined ? arguments.length < 2 ? '' : $default : toString$8(argument);
4326
+ return argument === undefined ? arguments.length < 2 ? '' : $default : toString$9(argument);
4324
4327
  };
4325
4328
 
4326
4329
  var isObject$1 = isObject$e;
@@ -4334,10 +4337,10 @@ var installErrorCause$1 = function (O, options) {
4334
4337
  }
4335
4338
  };
4336
4339
 
4337
- var uncurryThis$6 = functionUncurryThis;
4340
+ var uncurryThis$7 = functionUncurryThis;
4338
4341
 
4339
4342
  var $Error = Error;
4340
- var replace$2 = uncurryThis$6(''.replace);
4343
+ var replace$2 = uncurryThis$7(''.replace);
4341
4344
 
4342
4345
  var TEST = (function (arg) { return String(new $Error(arg).stack); })('zxcasd');
4343
4346
  // eslint-disable-next-line redos/no-vulnerable -- safe
@@ -4350,10 +4353,10 @@ var errorStackClear = function (stack, dropEntries) {
4350
4353
  } return stack;
4351
4354
  };
4352
4355
 
4353
- var fails$9 = fails$o;
4356
+ var fails$a = fails$p;
4354
4357
  var createPropertyDescriptor = createPropertyDescriptor$4;
4355
4358
 
4356
- var errorStackInstallable = !fails$9(function () {
4359
+ var errorStackInstallable = !fails$a(function () {
4357
4360
  var error = new Error('a');
4358
4361
  if (!('stack' in error)) return true;
4359
4362
  // eslint-disable-next-line es/no-object-defineproperty -- safe
@@ -4440,28 +4443,28 @@ var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_A
4440
4443
  };
4441
4444
 
4442
4445
  /* eslint-disable no-unused-vars -- required for functions `.length` */
4443
- var $$6 = _export;
4444
- var global$5 = global$p;
4446
+ var $$7 = _export;
4447
+ var global$6 = global$q;
4445
4448
  var apply = functionApply;
4446
4449
  var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
4447
4450
 
4448
4451
  var WEB_ASSEMBLY = 'WebAssembly';
4449
- var WebAssembly = global$5[WEB_ASSEMBLY];
4452
+ var WebAssembly = global$6[WEB_ASSEMBLY];
4450
4453
 
4451
4454
  // eslint-disable-next-line es/no-error-cause -- feature detection
4452
- var FORCED$1 = new Error('e', { cause: 7 }).cause !== 7;
4455
+ var FORCED$2 = new Error('e', { cause: 7 }).cause !== 7;
4453
4456
 
4454
4457
  var exportGlobalErrorCauseWrapper = function (ERROR_NAME, wrapper) {
4455
4458
  var O = {};
4456
- O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED$1);
4457
- $$6({ global: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
4459
+ O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED$2);
4460
+ $$7({ global: true, constructor: true, arity: 1, forced: FORCED$2 }, O);
4458
4461
  };
4459
4462
 
4460
4463
  var exportWebAssemblyErrorCauseWrapper = function (ERROR_NAME, wrapper) {
4461
4464
  if (WebAssembly && WebAssembly[ERROR_NAME]) {
4462
4465
  var O = {};
4463
- O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED$1);
4464
- $$6({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
4466
+ O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED$2);
4467
+ $$7({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$2 }, O);
4465
4468
  }
4466
4469
  };
4467
4470
 
@@ -4531,15 +4534,15 @@ var regexpGetFlags = function (R) {
4531
4534
  var PROPER_FUNCTION_NAME = functionName.PROPER;
4532
4535
  var defineBuiltIn$2 = defineBuiltIn$8;
4533
4536
  var anObject$5 = anObject$g;
4534
- var $toString = toString$c;
4535
- var fails$8 = fails$o;
4537
+ var $toString = toString$d;
4538
+ var fails$9 = fails$p;
4536
4539
  var getRegExpFlags$1 = regexpGetFlags;
4537
4540
 
4538
4541
  var TO_STRING = 'toString';
4539
4542
  var RegExpPrototype$3 = RegExp.prototype;
4540
4543
  var nativeToString = RegExpPrototype$3[TO_STRING];
4541
4544
 
4542
- var NOT_GENERIC = fails$8(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
4545
+ var NOT_GENERIC = fails$9(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
4543
4546
  // FF44- RegExp#toString has a wrong name
4544
4547
  var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
4545
4548
 
@@ -4732,8 +4735,18 @@ const UserMenu = ({
4732
4735
  }, {
4733
4736
  children: !_isAdmin ? jsx(Avatar, {
4734
4737
  children: initials
4735
- }) : jsx(Admin, {
4736
- children: initials
4738
+ }) : jsxs(Fragment, {
4739
+ children: [jsx(Admin, {}), initials && jsx("div", Object.assign({
4740
+ style: {
4741
+ position: 'absolute',
4742
+ fontSize: '14px',
4743
+ color: '#FFF',
4744
+ fontFamily: 'Roboto',
4745
+ fontWeight: 500
4746
+ }
4747
+ }, {
4748
+ children: initials
4749
+ }))]
4737
4750
  })
4738
4751
  })), _isOpen && jsx(Paper, Object.assign({
4739
4752
  sx: styles$4.container,
@@ -5062,129 +5075,164 @@ const ToolContainer = _a => {
5062
5075
  }));
5063
5076
  };
5064
5077
 
5065
- const getRightPositionAndSize = ({
5066
- currentX,
5067
- currentWidth,
5068
- newWidth,
5069
- maxWidth,
5070
- position,
5071
- startSize
5072
- }) => {
5073
- const newSize = Object.assign(Object.assign({}, startSize), {
5074
- width: newWidth
5075
- });
5076
- // if new size is bigger than the window
5077
- if (newWidth >= maxWidth) {
5078
- return {
5079
- size: Object.assign(Object.assign({}, newSize), {
5080
- width: maxWidth
5081
- }),
5082
- position: Object.assign(Object.assign({}, position), {
5083
- x: position.x + (maxWidth - (currentX + currentWidth))
5084
- })
5085
- };
5086
- }
5087
- // if new size overlaps left side of screen
5088
- const newStartX = currentX - (newWidth - currentWidth);
5089
- if (newStartX <= 0) {
5090
- return {
5091
- size: newSize,
5092
- position: Object.assign(Object.assign({}, position), {
5093
- x: position.x - newStartX
5094
- })
5095
- };
5096
- }
5097
- // there is room to grow
5098
- return {
5099
- size: newSize,
5100
- position
5101
- };
5102
- };
5103
- const getLeftPositionAndSize = ({
5104
- currentX,
5105
- newWidth,
5106
- maxWidth,
5107
- position,
5108
- startSize
5109
- }) => {
5110
- const newSize = Object.assign(Object.assign({}, startSize), {
5111
- width: newWidth
5112
- });
5113
- // if new size is bigger than the window
5114
- if (newWidth >= maxWidth) {
5115
- return {
5116
- size: Object.assign(Object.assign({}, newSize), {
5117
- width: maxWidth
5118
- }),
5119
- position: Object.assign(Object.assign({}, position), {
5120
- x: position.x - currentX
5121
- })
5122
- };
5123
- }
5124
- // if new size overlaps right side of screen
5125
- const newEndX = currentX + newWidth;
5126
- if (newEndX >= maxWidth) {
5127
- return {
5128
- size: newSize,
5129
- position: Object.assign(Object.assign({}, position), {
5130
- x: position.x + (maxWidth - newEndX)
5131
- })
5132
- };
5078
+ var global$5 = global$q;
5079
+ var fails$8 = fails$p;
5080
+ var uncurryThis$6 = functionUncurryThis;
5081
+ var toString$8 = toString$d;
5082
+ var trim = stringTrim.trim;
5083
+ var whitespaces = whitespaces$3;
5084
+
5085
+ var charAt$4 = uncurryThis$6(''.charAt);
5086
+ var $parseFloat$1 = global$5.parseFloat;
5087
+ var Symbol$1 = global$5.Symbol;
5088
+ var ITERATOR = Symbol$1 && Symbol$1.iterator;
5089
+ var FORCED$1 = 1 / $parseFloat$1(whitespaces + '-0') !== -Infinity
5090
+ // MS Edge 18- broken with boxed symbols
5091
+ || (ITERATOR && !fails$8(function () { $parseFloat$1(Object(ITERATOR)); }));
5092
+
5093
+ // `parseFloat` method
5094
+ // https://tc39.es/ecma262/#sec-parsefloat-string
5095
+ var numberParseFloat = FORCED$1 ? function parseFloat(string) {
5096
+ var trimmedString = trim(toString$8(string));
5097
+ var result = $parseFloat$1(trimmedString);
5098
+ return result === 0 && charAt$4(trimmedString, 0) === '-' ? -0 : result;
5099
+ } : $parseFloat$1;
5100
+
5101
+ var $$6 = _export;
5102
+ var $parseFloat = numberParseFloat;
5103
+
5104
+ // `parseFloat` method
5105
+ // https://tc39.es/ecma262/#sec-parsefloat-string
5106
+ $$6({ global: true, forced: parseFloat !== $parseFloat }, {
5107
+ parseFloat: $parseFloat
5108
+ });
5109
+
5110
+ const getNewPositionSize = (element, boundsNode, isRightAligned, position, newSize) => {
5111
+ const elementBbox = element.getBoundingClientRect();
5112
+ const parentBbox = boundsNode.getBoundingClientRect();
5113
+ const elementStyle = getComputedStyle(element);
5114
+ const initialX = parseFloat(isRightAligned ? elementStyle.right : elementStyle.left);
5115
+ const initialY = parseFloat(elementStyle.top); // only use style.top since we don't support bottom alignment (yet?)
5116
+ const elementBboxHeight = newSize !== undefined && typeof newSize.height === 'number' ? newSize.height : elementBbox.height;
5117
+ const elementBboxWidth = newSize !== undefined && typeof newSize.width === 'number' ? newSize.width : elementBbox.width;
5118
+ const isElementLarger = elementBboxHeight >= parentBbox.height;
5119
+ const isElementWider = elementBboxWidth >= parentBbox.width;
5120
+ const newHeight = isElementLarger ? parentBbox.height : elementBboxHeight;
5121
+ const newWidth = isElementWider ? parentBbox.width : elementBboxWidth;
5122
+ let newX = position.x;
5123
+ let newY = position.y;
5124
+ // horizontal constrains
5125
+ if (isElementWider) {
5126
+ newX = isRightAligned ? initialX : -initialX;
5127
+ }
5128
+ // vertical constrains
5129
+ if (isElementLarger) {
5130
+ newY = -initialY;
5131
+ }
5132
+ // top aligned
5133
+ const newTop = newY + initialY + newHeight;
5134
+ if (newTop > parentBbox.height) {
5135
+ newY = parentBbox.height - newTop + position.y;
5136
+ }
5137
+ // right aligned
5138
+ if (isRightAligned) {
5139
+ const newLeft = parentBbox.x + parentBbox.width - initialX + newX - newWidth;
5140
+ if (newLeft < parentBbox.x) {
5141
+ newX = parentBbox.x - newLeft + position.x;
5142
+ }
5143
+ } else {
5144
+ // left aligned
5145
+ const newRight = newX + initialX + newWidth;
5146
+ if (newRight > parentBbox.width) {
5147
+ newX = parentBbox.width - newRight + position.x;
5148
+ }
5133
5149
  }
5134
- // there is room to grow
5135
5150
  return {
5136
- size: newSize,
5137
- position
5151
+ position: {
5152
+ left: newX,
5153
+ top: newY
5154
+ },
5155
+ size: {
5156
+ width: newWidth,
5157
+ height: newHeight
5158
+ }
5138
5159
  };
5139
5160
  };
5140
5161
  const useHandleSizeFromOutsideComponent = ({
5141
5162
  nodeRef,
5142
- startSize,
5143
5163
  bounds,
5144
- isRightAligned,
5145
- size,
5146
- setSize,
5147
5164
  position,
5148
- setPosition
5165
+ isRightAligned,
5166
+ isOpen,
5167
+ startSize,
5168
+ onChangeSize
5149
5169
  }) => {
5170
+ const updateDomDirectly = React__default.useCallback((position, size) => {
5171
+ if (nodeRef.current) {
5172
+ const element = nodeRef.current;
5173
+ const firstChild = element.firstChild;
5174
+ element.style.transform = `translate(${position.left}px, ${position.top}px)`;
5175
+ firstChild.style.width = `${size.width}px`;
5176
+ firstChild.style.height = `${size.height}px`;
5177
+ }
5178
+ }, [nodeRef]);
5179
+ const getBoundsNode = React__default.useCallback(() => {
5180
+ var _a;
5181
+ return bounds === 'parent' ? (_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.parentNode : document.querySelector(bounds);
5182
+ }, [bounds, nodeRef]);
5183
+ // store the position as ref so we can access it in another ref
5184
+ const refPosition = React__default.useRef(position);
5185
+ refPosition.current = position;
5186
+ const lastSize = React__default.useRef(startSize);
5187
+ // handle size from outside component
5150
5188
  React__default.useEffect(() => {
5151
- var _a, _b, _c;
5152
- // update size when startSize has changed outside the component
5153
- if (startSize !== size) {
5154
- const node = (_a = nodeRef.current) === null || _a === void 0 ? void 0 : _a.firstChild;
5155
- if (node) {
5156
- const boundsNode = bounds === 'parent' ? (_b = nodeRef.current) === null || _b === void 0 ? void 0 : _b.parentNode : document.querySelector(bounds);
5157
- const {
5158
- width: maxWidth
5159
- } = boundsNode.getBoundingClientRect();
5160
- const newWidth = Number(startSize.width);
5161
- const {
5162
- x: currentX,
5163
- width: currentWidth
5164
- } = (_c = node === null || node === void 0 ? void 0 : node.getBoundingClientRect()) !== null && _c !== void 0 ? _c : {};
5165
- const {
5166
- position: newPosition,
5167
- size: newSize
5168
- } = isRightAligned ? getRightPositionAndSize({
5169
- currentX,
5170
- currentWidth,
5171
- newWidth,
5172
- maxWidth,
5173
- position,
5174
- startSize
5175
- }) : getLeftPositionAndSize({
5176
- currentX: currentX - boundsNode.getBoundingClientRect().x,
5177
- newWidth,
5178
- maxWidth,
5179
- position,
5180
- startSize
5181
- });
5182
- setSize(newSize);
5183
- setPosition(newPosition);
5189
+ const boundsNode = getBoundsNode();
5190
+ if (boundsNode && lastSize.current.width && lastSize.current.height && (lastSize.current.width !== startSize.width || lastSize.current.height !== startSize.height) && typeof startSize.height === 'number' && typeof startSize.width === 'number') {
5191
+ const {
5192
+ position: newPosition,
5193
+ size: newSize
5194
+ } = getNewPositionSize(nodeRef.current, boundsNode, isRightAligned, refPosition.current, startSize);
5195
+ if (lastSize.current.width !== newSize.width || lastSize.current.height !== newSize.height) {
5196
+ updateDomDirectly(newPosition, newSize);
5197
+ onChangeSize(newSize);
5198
+ lastSize.current = newSize;
5184
5199
  }
5185
5200
  }
5186
- // eslint-disable-next-line react-hooks/exhaustive-deps
5187
- }, [startSize.width, startSize.height]);
5201
+ }, [startSize, isRightAligned, lastSize, getBoundsNode, nodeRef, updateDomDirectly, onChangeSize]);
5202
+ // observe parent div dimensions
5203
+ const resizeObserverRef = React__default.useRef(new ResizeObserver(entry => {
5204
+ const boundsTarget = entry[0].target;
5205
+ const element = nodeRef.current;
5206
+ const boundsBbox = boundsTarget.getBoundingClientRect();
5207
+ if (boundsBbox.height === lastSize.current.height && boundsBbox.width === lastSize.current.width || !boundsBbox.height) {
5208
+ return;
5209
+ }
5210
+ const {
5211
+ position: newPosition,
5212
+ size: newSize
5213
+ } = getNewPositionSize(element, boundsTarget, isRightAligned, refPosition.current);
5214
+ updateDomDirectly(newPosition, newSize);
5215
+ }));
5216
+ React__default.useLayoutEffect(() => {
5217
+ const boundsNode = getBoundsNode();
5218
+ if (!boundsNode || !isOpen) {
5219
+ return () => {};
5220
+ }
5221
+ // store current position of the boundsNode
5222
+ const {
5223
+ height,
5224
+ width
5225
+ } = boundsNode.getBoundingClientRect();
5226
+ lastSize.current = {
5227
+ width,
5228
+ height
5229
+ };
5230
+ const observer = resizeObserverRef.current;
5231
+ observer.observe(boundsNode);
5232
+ return () => {
5233
+ observer.disconnect();
5234
+ };
5235
+ }, [isOpen, getBoundsNode]);
5188
5236
  };
5189
5237
 
5190
5238
  // calculate dialog size and position to 85% of screensize
@@ -5305,19 +5353,19 @@ const DraggableComponent = _a => {
5305
5353
  setPosition(calculateNewPosition(position, isRightAligned, direction, delta));
5306
5354
  onResizeStop(_event, direction, node, delta);
5307
5355
  };
5308
- useMakeSureContainerStaysInsideWindow(nodeRef, position, setPosition);
5356
+ const toolcontainerId = React__default.useRef(Date.now().toString()).current;
5357
+ const headerClassName = `header-${className || toolcontainerId}`;
5309
5358
  useHandleSizeFromOutsideComponent({
5310
5359
  nodeRef,
5311
- startSize,
5312
5360
  bounds,
5313
- isRightAligned,
5314
- size,
5315
- setSize,
5316
5361
  position,
5317
- setPosition
5362
+ isRightAligned,
5363
+ isOpen,
5364
+ startSize,
5365
+ onChangeSize: size => {
5366
+ setSize(size);
5367
+ }
5318
5368
  });
5319
- const toolcontainerId = React__default.useRef(Date.now().toString()).current;
5320
- const headerClassName = `header-${className || toolcontainerId}`;
5321
5369
  return isOpen ? jsx(DraggableComponent$1, Object.assign({
5322
5370
  nodeRef: nodeRef,
5323
5371
  bounds: bounds,
@@ -5348,7 +5396,8 @@ const DraggableComponent = _a => {
5348
5396
  setSize: setSize,
5349
5397
  onResizeStart: onStartResize,
5350
5398
  onResizeStop: onStopResize,
5351
- onResize: onResize
5399
+ onResize: onResize,
5400
+ nodeRef: nodeRef
5352
5401
  }, {
5353
5402
  children: jsx(ToolContainer, Object.assign({
5354
5403
  maxHeight: initialMaxHeight,
@@ -5442,7 +5491,7 @@ const ShortcutList = ({
5442
5491
  }) => {
5443
5492
  const {
5444
5493
  t
5445
- } = useTranslation();
5494
+ } = useTranslation(SHARED_NAMESPACE);
5446
5495
  const shortcuts = [{
5447
5496
  titleKey: 'shared-choose-selected-time',
5448
5497
  description: jsx(ShortCutSegment, {
@@ -6035,7 +6084,7 @@ const UserMenuItemSentryRecording = ({
6035
6084
  },
6036
6085
  minHeight: 300,
6037
6086
  minWidth: 500,
6038
- title: "Sentry Recording",
6087
+ title: t('shared-sentry-recording'),
6039
6088
  isOpen: true,
6040
6089
  onClose: onClose,
6041
6090
  bounds: "parent"
@@ -6118,13 +6167,13 @@ const UserMenuItemSentryRecording = ({
6118
6167
  item: true,
6119
6168
  justifyContent: "center"
6120
6169
  }, {
6121
- children: jsxs(Typography, Object.assign({
6170
+ children: jsx(Typography, Object.assign({
6122
6171
  sx: {
6123
6172
  paddingTop: '20px',
6124
6173
  textAlign: 'center'
6125
6174
  }
6126
6175
  }, {
6127
- children: [' ', t('shared-sentry-disclaimer')]
6176
+ children: t('shared-sentry-disclaimer')
6128
6177
  }))
6129
6178
  }))]
6130
6179
  }))
@@ -6725,7 +6774,7 @@ const CustomAccordion = _a => {
6725
6774
 
6726
6775
  var $$4 = _export;
6727
6776
  var $includes = arrayIncludes.includes;
6728
- var fails$7 = fails$o;
6777
+ var fails$7 = fails$p;
6729
6778
  var addToUnscopables = addToUnscopables$3;
6730
6779
 
6731
6780
  // FF99+ bug
@@ -6791,7 +6840,7 @@ var arrayReduce = {
6791
6840
  right: createMethod$1(true)
6792
6841
  };
6793
6842
 
6794
- var fails$6 = fails$o;
6843
+ var fails$6 = fails$p;
6795
6844
 
6796
6845
  var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
6797
6846
  var method = [][METHOD_NAME];
@@ -6834,8 +6883,8 @@ var isRegexp = function (it) {
6834
6883
  return isObject(it) && ((isRegExp = it[MATCH$2]) !== undefined ? !!isRegExp : classof$2(it) === 'RegExp');
6835
6884
  };
6836
6885
 
6837
- var fails$5 = fails$o;
6838
- var global$4 = global$p;
6886
+ var fails$5 = fails$p;
6887
+ var global$4 = global$q;
6839
6888
 
6840
6889
  // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
6841
6890
  var $RegExp$2 = global$4.RegExp;
@@ -6865,8 +6914,8 @@ var regexpStickyHelpers = {
6865
6914
  UNSUPPORTED_Y: UNSUPPORTED_Y$3
6866
6915
  };
6867
6916
 
6868
- var fails$4 = fails$o;
6869
- var global$3 = global$p;
6917
+ var fails$4 = fails$p;
6918
+ var global$3 = global$q;
6870
6919
 
6871
6920
  // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
6872
6921
  var $RegExp$1 = global$3.RegExp;
@@ -6876,8 +6925,8 @@ var regexpUnsupportedDotAll = fails$4(function () {
6876
6925
  return !(re.dotAll && re.test('\n') && re.flags === 's');
6877
6926
  });
6878
6927
 
6879
- var fails$3 = fails$o;
6880
- var global$2 = global$p;
6928
+ var fails$3 = fails$p;
6929
+ var global$2 = global$q;
6881
6930
 
6882
6931
  // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
6883
6932
  var $RegExp = global$2.RegExp;
@@ -6889,7 +6938,7 @@ var regexpUnsupportedNcg = fails$3(function () {
6889
6938
  });
6890
6939
 
6891
6940
  var DESCRIPTORS$1 = descriptors;
6892
- var global$1 = global$p;
6941
+ var global$1 = global$q;
6893
6942
  var uncurryThis$4 = functionUncurryThis;
6894
6943
  var isForced = isForced_1;
6895
6944
  var inheritIfRequired = inheritIfRequired$2;
@@ -6898,12 +6947,12 @@ var create$1 = objectCreate;
6898
6947
  var getOwnPropertyNames = objectGetOwnPropertyNames.f;
6899
6948
  var isPrototypeOf = objectIsPrototypeOf;
6900
6949
  var isRegExp$1 = isRegexp;
6901
- var toString$7 = toString$c;
6950
+ var toString$7 = toString$d;
6902
6951
  var getRegExpFlags = regexpGetFlags;
6903
6952
  var stickyHelpers$2 = regexpStickyHelpers;
6904
6953
  var proxyAccessor = proxyAccessor$2;
6905
6954
  var defineBuiltIn$1 = defineBuiltIn$8;
6906
- var fails$2 = fails$o;
6955
+ var fails$2 = fails$p;
6907
6956
  var hasOwn = hasOwnProperty_1;
6908
6957
  var enforceInternalState = internalState.enforce;
6909
6958
  var setSpecies = setSpecies$2;
@@ -7110,7 +7159,7 @@ if (DESCRIPTORS && UNSUPPORTED_DOT_ALL$1) {
7110
7159
  /* eslint-disable regexp/no-useless-quantifier -- testing */
7111
7160
  var call$6 = functionCall;
7112
7161
  var uncurryThis$3 = functionUncurryThis;
7113
- var toString$6 = toString$c;
7162
+ var toString$6 = toString$d;
7114
7163
  var regexpFlags = regexpFlags$1;
7115
7164
  var stickyHelpers$1 = regexpStickyHelpers;
7116
7165
  var shared = shared$4;
@@ -7262,7 +7311,7 @@ var $$1 = _export;
7262
7311
  var uncurryThis$2 = functionUncurryThis;
7263
7312
  var notARegExp = notARegexp;
7264
7313
  var requireObjectCoercible$4 = requireObjectCoercible$9;
7265
- var toString$5 = toString$c;
7314
+ var toString$5 = toString$d;
7266
7315
  var correctIsRegExpLogic = correctIsRegexpLogic;
7267
7316
 
7268
7317
  var stringIndexOf = uncurryThis$2(''.indexOf);
@@ -7284,7 +7333,7 @@ $$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }
7284
7333
  var call$5 = functionCall;
7285
7334
  var defineBuiltIn = defineBuiltIn$8;
7286
7335
  var regexpExec$1 = regexpExec$2;
7287
- var fails$1 = fails$o;
7336
+ var fails$1 = fails$p;
7288
7337
  var wellKnownSymbol = wellKnownSymbol$j;
7289
7338
  var createNonEnumerableProperty = createNonEnumerableProperty$9;
7290
7339
 
@@ -7390,7 +7439,7 @@ var anObject$3 = anObject$g;
7390
7439
  var isNullOrUndefined$2 = isNullOrUndefined$7;
7391
7440
  var requireObjectCoercible$3 = requireObjectCoercible$9;
7392
7441
  var sameValue = sameValue$1;
7393
- var toString$4 = toString$c;
7442
+ var toString$4 = toString$d;
7394
7443
  var getMethod$2 = getMethod$6;
7395
7444
  var regExpExec$2 = regexpExecAbstract;
7396
7445
 
@@ -7424,7 +7473,7 @@ fixRegExpWellKnownSymbolLogic$2('search', function (SEARCH, nativeSearch, maybeC
7424
7473
 
7425
7474
  var uncurryThis$1 = functionUncurryThis;
7426
7475
  var toIntegerOrInfinity = toIntegerOrInfinity$4;
7427
- var toString$3 = toString$c;
7476
+ var toString$3 = toString$d;
7428
7477
  var requireObjectCoercible$2 = requireObjectCoercible$9;
7429
7478
 
7430
7479
  var charAt$1 = uncurryThis$1(''.charAt);
@@ -7476,11 +7525,11 @@ var requireObjectCoercible$1 = requireObjectCoercible$9;
7476
7525
  var speciesConstructor = speciesConstructor$2;
7477
7526
  var advanceStringIndex$1 = advanceStringIndex$2;
7478
7527
  var toLength$1 = toLength$3;
7479
- var toString$2 = toString$c;
7528
+ var toString$2 = toString$d;
7480
7529
  var getMethod$1 = getMethod$6;
7481
7530
  var regExpExec$1 = regexpExecAbstract;
7482
7531
  var stickyHelpers = regexpStickyHelpers;
7483
- var fails = fails$o;
7532
+ var fails = fails$p;
7484
7533
 
7485
7534
  var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y;
7486
7535
  var MAX_UINT32 = 0xFFFFFFFF;
@@ -7653,7 +7702,7 @@ var $ = _export;
7653
7702
  var call$1 = functionCall;
7654
7703
  var isCallable = isCallable$n;
7655
7704
  var anObject$1 = anObject$g;
7656
- var toString$1 = toString$c;
7705
+ var toString$1 = toString$d;
7657
7706
 
7658
7707
  var DELEGATES_TO_EXEC = function () {
7659
7708
  var execCalled = false;
@@ -7686,7 +7735,7 @@ const isURL = string => /^https?:\/\//.test(string);
7686
7735
  const ClearButton = ({
7687
7736
  onClick
7688
7737
  }) => jsx(CustomIconButton, Object.assign({
7689
- tooltipTitle: "Clear",
7738
+ tooltipTitle: translateKeyOutsideComponents('shared-clear'),
7690
7739
  sx: buttonStyle,
7691
7740
  onClick: onClick
7692
7741
  }, {
@@ -8283,7 +8332,7 @@ var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
8283
8332
  var anObject = anObject$g;
8284
8333
  var isNullOrUndefined = isNullOrUndefined$7;
8285
8334
  var toLength = toLength$3;
8286
- var toString = toString$c;
8335
+ var toString = toString$d;
8287
8336
  var requireObjectCoercible = requireObjectCoercible$9;
8288
8337
  var getMethod = getMethod$6;
8289
8338
  var advanceStringIndex = advanceStringIndex$2;
@@ -9076,4 +9125,4 @@ class RenderCounter {
9076
9125
  }
9077
9126
  const renderCounter = new RenderCounter();
9078
9127
 
9079
- export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, ErrorBoundary, LastUpdateTime, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField, SearchFieldButton, SearchHighlight, StatusTag, SwitchButton, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, UserMenuItemSentryRecording, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, createMockStoreWithEggs, createMockStoreWithEggsAndMiddleware, createToolkitMockStoreWithEggs, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, initSharedI18n, isAxiosAuthError, isAxiosError, pollingIntervalTimeout, renderCounter, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, translateKeyOutsideComponents, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, withEggs };
9128
+ export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, ErrorBoundary, LastUpdateTime, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField, SearchFieldButton, SearchHighlight, StatusTag, SwitchButton, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, UserMenuItemSentryRecording, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, createMockStoreWithEggs, createMockStoreWithEggsAndMiddleware, createToolkitMockStoreWithEggs, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAxiosAuthError, isAxiosError, pollingIntervalTimeout, renderCounter, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, withEggs };