@redus/georedus-ui 0.8.2 → 0.8.7

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @orioro/template-react
 
+## 0.8.7
+
+### Patch Changes
+
+- fix share button bar and add questions & suggestions button
+
+## 0.8.6
+
+### Patch Changes
+
+- update dev metadata api url
+
+## 0.8.5
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/react-maplibre-util@0.5.2
+
+## 0.8.4
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/react-maplibre-util@0.5.1
+
+## 0.8.3
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/react-maplibre-util@0.5.0
+
 ## 0.8.2
 
 ### Patch Changes

package/dist/ShareButtonBar/CopyToClipboardIconButton.d.ts

@@ -0,0 +1,12 @@
+export function CopyToClipboardButton({ text, label, ...props }: {
+    [x: string]: any;
+    text: any;
+    label: any;
+}): import("react").JSX.Element;
+export function CopyToClipboardIconButton({ text, label, children, copiedMessage, ...props }: {
+    [x: string]: any;
+    text: any;
+    label?: string | undefined;
+    children?: import("react").JSX.Element | undefined;
+    copiedMessage?: string | undefined;
+}): import("react").JSX.Element;

package/dist/ShareButtonBar/ShareButtonBar.d.ts

@@ -0,0 +1,4 @@
+export function ShareButtonBar({ url, ...props }: {
+    [x: string]: any;
+    url: any;
+}): import("react").JSX.Element;

package/dist/ShareButtonBar/index.d.ts

@@ -0,0 +1 @@
+export * from "./ShareButtonBar";

package/dist/main.js

@@ -1,10 +1,10 @@
-import React, { useState, useMemo, useCallback, useContext, createContext, useReducer, useEffect, useRef } from 'react';
+import React$1, { useState, useMemo, useCallback, useContext, createContext, useReducer, useEffect, useRef } from 'react';
 import { MARKDOWN_DEFAULT_REMARK_PLUGINS, MARKDOWN_DEFAULT_REHYPE_PLUGINS, Markdown as Markdown$1, CANCELLED, Flex, DropdownMenu, Box, Input, SwitchInput, TextEllipsis, withDefaults, LoadingOverlay, Button, fileReadAs, SingleFileInput, InputProvider as InputProvider$1, rendererSpecList, TextInput, withLabeledLayout, INPUTS, useLocalState, EvenSpacedList, LoadingIndicator } from '@orioro/react-ui-core';
 import { nodeIdFromPath } from '@orioro/tree-model';
 import { makeDirNav } from '@orioro/react-dir-nav';
 import { Icon } from '@mdi/react';
-import { mdiHelpCircleOutline, mdiDownload, mdiDotsVertical, mdiOpacity, mdiFilterVariant, mdiHospitalBox, mdiHomeCity, mdiSchool, mdiAccountGroup, mdiChevronLeft, mdiShareVariantOutline, mdiDragVertical, mdiLayers, mdiClose } from '@mdi/js';
-import { Tabs, Tooltip, IconButton, Theme, Heading, Text, Dialog, Portal, Popover } from '@radix-ui/themes';
+import { mdiHelpCircleOutline, mdiDownload, mdiDotsVertical, mdiOpacity, mdiFilterVariant, mdiHospitalBox, mdiHomeCity, mdiSchool, mdiAccountGroup, mdiContentCopy, mdiLinkVariant, mdiChevronLeft, mdiShareVariantOutline, mdiForumOutline, mdiDragVertical, mdiLayers, mdiClose } from '@mdi/js';
+import { Tabs, Tooltip, IconButton, Theme, Heading, Text, Popover, Dialog, Portal } from '@radix-ui/themes';
 import styled, { keyframes } from 'styled-components';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import { __makeTemplateObject, __assign, __spreadArray, __awaiter, __generator } from 'tslib';
@@ -12,12 +12,15 @@ import remarkMath from 'remark-math';
 import rehypeKatex from 'rehype-katex';
 import 'katex/dist/katex.min.css';
 import { isPlainObject, get, pick, omit, set, uniqBy, groupBy, uniq } from 'lodash';
-import { useDebounce } from 'react-use';
+import { useDebounce, useLocation } from 'react-use';
 import { createDialogSystem, DIALOGS } from '@orioro/react-dialogs';
 import { CsvImportDialog } from '@orioro/react-csv';
 import Highlighter from 'react-highlight-words';
+import { LinkedinShareButton, LinkedinIcon, EmailShareButton, EmailIcon, FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, WhatsappShareButton, WhatsappIcon } from 'react-share';
+import CopyToClipboard from 'react-copy-to-clipboard';
 import { makeSortableMultiList } from '@orioro/react-sortable';
 import { fmtLayerAbsoluteId, makeSyncedMaps, LayeredMap, HoverTooltip, ControlContainer, InspectControl, MapWindow, TerrainControl, fitGeometry } from '@orioro/react-maplibre-util';
+import '@maplibre/maplibre-gl-inspect/dist/maplibre-gl-inspect.css';
 import { Legend } from '@orioro/react-chart-util';
 import 'maplibre-gl/dist/maplibre-gl.css';
 import { useQueries, useQuery } from '@tanstack/react-query';
@@ -568,7 +571,7 @@ var templateObject_1, templateObject_2, templateObject_3;
 var REMARK_PLUGINS = [].concat(_toConsumableArray(MARKDOWN_DEFAULT_REMARK_PLUGINS), [remarkMath]);
 var REHYPE_PLUGINS = [].concat(_toConsumableArray(MARKDOWN_DEFAULT_REHYPE_PLUGINS), [rehypeKatex]);
 function Markdown(props) {
-  return /*#__PURE__*/React.createElement(Markdown$1, _extends({
+  return /*#__PURE__*/React$1.createElement(Markdown$1, _extends({
     remarkPlugins: REMARK_PLUGINS,
     rehypePlugins: REHYPE_PLUGINS
   }, props));
@@ -598,7 +601,7 @@ var _createDialogSystem = createDialogSystem({
   useDialogs = _createDialogSystem2[1];
 function DialogsProvider(_ref2) {
   var children = _ref2.children;
-  return /*#__PURE__*/React.createElement(DialogsProvider_, {
+  return /*#__PURE__*/React$1.createElement(DialogsProvider_, {
     prompt: {
       restore: 'Restaurar',
       cancel: 'Cancelar',
@@ -610,7 +613,7 @@ function DialogsProvider(_ref2) {
 var CONF_TABS = {
   data: {
     id: 'data',
-    icon: /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React$1.createElement(Icon, {
       path: mdiFilterVariant,
       size: "16px"
     }),
@@ -618,7 +621,7 @@ var CONF_TABS = {
   },
   style: {
     id: 'style',
-    icon: /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React$1.createElement(Icon, {
       path: mdiOpacity,
       size: "16px"
     }),
@@ -651,21 +654,21 @@ function ViewConfTabs(_ref) {
     }).filter(Boolean);
   }, [CONF_SCHEMA]);
   var dialogs = useDialogs();
-  return /*#__PURE__*/React.createElement(Tabs.Root, {
+  return /*#__PURE__*/React$1.createElement(Tabs.Root, {
     defaultValue: ((_enabledTabs$ = enabledTabs[0]) === null || _enabledTabs$ === void 0 ? void 0 : _enabledTabs$.id) || null
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     gap: "0"
-  }, /*#__PURE__*/React.createElement(Tabs.List, {
+  }, /*#__PURE__*/React$1.createElement(Tabs.List, {
     size: "1"
   }, enabledTabs.map(function (tab) {
-    return /*#__PURE__*/React.createElement(Tabs.Trigger, {
+    return /*#__PURE__*/React$1.createElement(Tabs.Trigger, {
       key: tab.id,
       value: tab.id
-    }, /*#__PURE__*/React.createElement(Tooltip, {
+    }, /*#__PURE__*/React$1.createElement(Tooltip, {
       content: tab.label
     }, tab.icon));
-  })), /*#__PURE__*/React.createElement(Flex, {
+  })), /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     alignItems: "center",
     gap: "10px",
@@ -676,7 +679,7 @@ function ViewConfTabs(_ref) {
       flexGrow: 1,
       boxShadow: 'color(display-p3 0.0039 0.251 0.5137 / 0.174) 0px -1px 0px 0px inset'
     }
-  }, viewSpec.metodology && /*#__PURE__*/React.createElement(IconButton, {
+  }, viewSpec.metodology && /*#__PURE__*/React$1.createElement(IconButton, {
     variant: "ghost",
     size: "1",
     onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
@@ -719,9 +722,9 @@ function ViewConfTabs(_ref) {
             _context2.next = 6;
             return dialogs.view({
               maxHeight: '90vh',
-              children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, {
+              children: /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Heading, {
                 as: "h1"
-              }, viewSpec.label, " - Notas metodol\xF3gicas"), /*#__PURE__*/React.createElement(Markdown, {
+              }, viewSpec.label, " - Notas metodol\xF3gicas"), /*#__PURE__*/React$1.createElement(Markdown, {
                 children: markdown.trim()
               }))
             });
@@ -731,12 +734,12 @@ function ViewConfTabs(_ref) {
         }
       }, _callee2);
     }))
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React$1.createElement(Tooltip, {
     content: "Notas metodol\xF3gicas"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiHelpCircleOutline,
     size: "16px"
-  }))), typeof (resolvedView === null || resolvedView === void 0 ? void 0 : resolvedView.download) === 'function' && /*#__PURE__*/React.createElement(IconButton, {
+  }))), typeof (resolvedView === null || resolvedView === void 0 ? void 0 : resolvedView.download) === 'function' && /*#__PURE__*/React$1.createElement(IconButton, {
     variant: "ghost",
     size: "1",
     onClick: function onClick() {
@@ -744,22 +747,22 @@ function ViewConfTabs(_ref) {
         dialogs: dialogs
       });
     }
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React$1.createElement(Tooltip, {
     content: "Baixar dados"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiDownload,
     size: "16px"
-  }))), /*#__PURE__*/React.createElement(DropdownMenu, {
+  }))), /*#__PURE__*/React$1.createElement(DropdownMenu, {
     options: [{
       label: 'Visualizar como mapa comparado',
       onClick: function onClick() {
         return onSetView(viewConf, 1);
       }
     }]
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React$1.createElement(IconButton, {
     variant: "ghost",
     size: "1"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiDotsVertical,
     size: "16px"
   }))))), Array.isArray(enabledTabs) && enabledTabs.length > 0 ? enabledTabs.map(function (tab) {
@@ -774,14 +777,14 @@ function ViewConfTabs(_ref) {
       return Boolean(value);
     }));
     var tabConfValue = immediateViewConf[tab.id];
-    return /*#__PURE__*/React.createElement(Tabs.Content, {
+    return /*#__PURE__*/React$1.createElement(Tabs.Content, {
       key: tab.id,
       value: tab.id
-    }, /*#__PURE__*/React.createElement(Box, {
+    }, /*#__PURE__*/React$1.createElement(Box, {
       p: "3"
-    }, /*#__PURE__*/React.createElement(Theme, {
+    }, /*#__PURE__*/React$1.createElement(Theme, {
       scaling: "100%"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/React$1.createElement(Input, {
       schema: {
         type: 'object',
         properties: tabConfSchema
@@ -791,7 +794,7 @@ function ViewConfTabs(_ref) {
         return setImmediateViewConf(_objectSpread2(_objectSpread2({}, viewConf), {}, _defineProperty({}, tab.id, _objectSpread2(_objectSpread2({}, viewConf[tab.id] || {}), nextValue))));
       }
     }))));
-  }) : /*#__PURE__*/React.createElement(Box, {
+  }) : /*#__PURE__*/React$1.createElement(Box, {
     p: "3",
     style: {
       fontSize: '.9rem'
@@ -799,9 +802,9 @@ function ViewConfTabs(_ref) {
   }, "Visualiza\xE7\xE3o habilitada"));
 }
 
-var _excluded$4 = ["textSearch", "content", "maxLines"];
-var _templateObject$3, _templateObject2$2;
-var Container = styled(Box)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  --view-control-base-padding: 12px;\n  box-shadow:\n    rgba(0, 0, 0, 0.12) 0px 1px 3px,\n    rgba(0, 0, 0, 0.24) 0px 1px 2px;\n\n  border-radius: 2px;\n  background-color: var(--redus-bege, white);\n  // background-color: var(--accent-4, white);\n"])));
+var _excluded$5 = ["textSearch", "content", "maxLines"];
+var _templateObject$4, _templateObject2$2;
+var Container$1 = styled(Box)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  --view-control-base-padding: 12px;\n  box-shadow:\n    rgba(0, 0, 0, 0.12) 0px 1px 3px,\n    rgba(0, 0, 0, 0.24) 0px 1px 2px;\n\n  border-radius: 2px;\n  background-color: var(--redus-bege, white);\n  // background-color: var(--accent-4, white);\n"])));
 var Summary = styled.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n  // background-color: var(--redus-bege, white);\n  background-color: ", ";\n  padding: 0;\n\n  transition: background-color 0.1s ease-out;\n\n  display: flex;\n  border: none;\n  text-align: left;\n  width: 100%;\n\n  cursor: pointer;\n\n  &:hover {\n    // background-color: color-mix(in srgb, var(--redus-bege) 80%, white);\n    background-color: ", ";\n  }\n\n  &:active {\n    filter: brightness(96%);\n  }\n"])), function (_ref) {
   var $active = _ref.$active;
   return $active ? 'var(--redus-bege, white)' : 'var(--accent-2)';
@@ -827,19 +830,19 @@ function HeadingWithTooltipAndEllipsis(_ref7) {
     content = _ref7.content,
     _ref7$maxLines = _ref7.maxLines,
     maxLines = _ref7$maxLines === void 0 ? 2 : _ref7$maxLines,
-    props = _objectWithoutProperties(_ref7, _excluded$4);
-  return /*#__PURE__*/React.createElement(Tooltip, {
+    props = _objectWithoutProperties(_ref7, _excluded$5);
+  return /*#__PURE__*/React$1.createElement(Tooltip, {
     content: content
-  }, /*#__PURE__*/React.createElement(Heading, _extends({
+  }, /*#__PURE__*/React$1.createElement(Heading, _extends({
     size: "2",
     as: "h4",
     style: {
       fontWeight: 'normal',
       color: 'var(--accent-9)'
     }
-  }, props), /*#__PURE__*/React.createElement(TextEllipsis, {
+  }, props), /*#__PURE__*/React$1.createElement(TextEllipsis, {
     maxLines: maxLines
-  }, /*#__PURE__*/React.createElement(Highlighter, {
+  }, /*#__PURE__*/React$1.createElement(Highlighter, {
     searchWords: textSearch && textSearch.length > 3 ? [textSearch] : [],
     textToHighlight: content
   }))));
@@ -866,9 +869,9 @@ function ViewControl(_ref8) {
   var toggleView = useCallback(function () {
     return active ? deactivateView() : setView();
   }, [active, deactivateView, setView]);
-  return viewSpec && /*#__PURE__*/React.createElement(Collapsible.Root, {
+  return viewSpec && /*#__PURE__*/React$1.createElement(Collapsible.Root, {
     open: configurable === true && active
-  }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Summary, {
+  }, /*#__PURE__*/React$1.createElement(Container$1, null, /*#__PURE__*/React$1.createElement(Summary, {
     type: "button",
     role: "button",
     style: style,
@@ -876,19 +879,19 @@ function ViewControl(_ref8) {
     onClick: configurable ? function () {
       return toggleView();
     } : null
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     alignItems: "center",
     justifyContent: "space-between",
     p: "3",
     width: "100%"
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     direction: "column",
     gap: "1",
     style: {
       flexGrow: '1'
     }
-  }, path && /*#__PURE__*/React.createElement(HeadingWithTooltipAndEllipsis, {
+  }, path && /*#__PURE__*/React$1.createElement(HeadingWithTooltipAndEllipsis, {
     size: "1",
     as: "h6",
     content: typeof path === 'string' ? path : viewSpec.path,
@@ -898,18 +901,18 @@ function ViewControl(_ref8) {
       color: 'var(--gray-9)',
       fontWeight: 'normal'
     }
-  }), /*#__PURE__*/React.createElement(HeadingWithTooltipAndEllipsis, {
+  }), /*#__PURE__*/React$1.createElement(HeadingWithTooltipAndEllipsis, {
     content: viewSpec.label,
     textSearch: textSearch,
     maxLines: 2
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React$1.createElement(Text, {
     color: "gray",
     style: {
       color: 'var(--gray-9)',
       textTransform: 'uppercase'
     },
     size: "1"
-  }, viewSpec.sourceLabel)), /*#__PURE__*/React.createElement(SwitchInput, {
+  }, viewSpec.sourceLabel)), /*#__PURE__*/React$1.createElement(SwitchInput, {
     radius: "full",
     value: active,
     onSetValue: function onSetValue() {
@@ -922,11 +925,11 @@ function ViewControl(_ref8) {
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
-  }))), /*#__PURE__*/React.createElement(CollapsibleContent, {
+  }))), /*#__PURE__*/React$1.createElement(CollapsibleContent, {
     style: {
       borderTop: '1px solid var(--gray-8)'
     }
-  }, viewConf && /*#__PURE__*/React.createElement(ViewConfTabs, {
+  }, viewConf && /*#__PURE__*/React$1.createElement(ViewConfTabs, {
     viewSpec: viewSpec,
     viewConf: viewConf,
     resolvedView: resolvedView,
@@ -936,19 +939,19 @@ function ViewControl(_ref8) {
 
 var VIEW_TYPE_SURFACE_CHOROPLETH = 'surface_choropleth';
 
-var _excluded$3 = ["viewSpecs", "viewConfState", "resolvedViews", "onSetView", "onDeactivateView", "style"];
-var _templateObject$2, _templateObject2$1;
+var _excluded$4 = ["viewSpecs", "viewConfState", "resolvedViews", "onSetView", "onDeactivateView", "style"];
+var _templateObject$3, _templateObject2$1;
 var STATIC_NODE_ICONS = {
-  'populacao-e-domicilios': /*#__PURE__*/React.createElement(Icon, {
+  'populacao-e-domicilios': /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiAccountGroup
   }),
-  educacao: /*#__PURE__*/React.createElement(Icon, {
+  educacao: /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiSchool
   }),
-  'infraestrutura-e-servicos-urbanos': /*#__PURE__*/React.createElement(Icon, {
+  'infraestrutura-e-servicos-urbanos': /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiHomeCity
   }),
-  saude: /*#__PURE__*/React.createElement(Icon, {
+  saude: /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiHospitalBox
   })
 };
@@ -960,7 +963,7 @@ var ViewMenuContext = /*#__PURE__*/createContext({
   onSetView: errNoViewMenuContext,
   onDeactivateView: errNoViewMenuContext
 });
-var ActiveCounter = styled.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: translate(-30%, -30%);\n  border-radius: 50%;\n  border: 1px solid white;\n  height: 20px;\n  width: 20px;\n  font-size: 12px;\n  background-color: var(--accent-9);\n  color: white;\n  font-weight: bold;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+var ActiveCounter = styled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: translate(-30%, -30%);\n  border-radius: 50%;\n  border: 1px solid white;\n  height: 20px;\n  width: 20px;\n  font-size: 12px;\n  background-color: var(--accent-9);\n  color: white;\n  font-weight: bold;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
 function Item(_ref) {
   var node = _ref.node;
     _ref.depth;
@@ -971,7 +974,7 @@ function Item(_ref) {
     resolvedViews = _useContext.resolvedViews,
     _onSetView = _useContext.onSetView,
     _onDeactivateView = _useContext.onDeactivateView;
-  return /*#__PURE__*/React.createElement(ViewControl, {
+  return /*#__PURE__*/React$1.createElement(ViewControl, {
     textSearch: textSearch,
     path: Boolean(textSearch) ? node.path : null,
     viewSpec: node,
@@ -1047,7 +1050,7 @@ var DirNav = makeDirNav({
         viewSpecsById: viewSpecsById,
         nodeId: node.id
       });
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React$1.createElement("div", {
         style: {
           flexGrow: 1,
           textAlign: 'left',
@@ -1057,11 +1060,11 @@ var DirNav = makeDirNav({
           alignItems: 'center',
           justifyContent: 'space-between'
         }
-      }, /*#__PURE__*/React.createElement(TextEllipsis, {
+      }, /*#__PURE__*/React$1.createElement(TextEllipsis, {
         style: {
           flexShrink: 1
         }
-      }, node.label), activeViewsCount > 0 && /*#__PURE__*/React.createElement("span", {
+      }, node.label), activeViewsCount > 0 && /*#__PURE__*/React$1.createElement("span", {
         style: {
           marginLeft: 6,
           fontSize: '.8rem',
@@ -1078,15 +1081,15 @@ function ViewMenu(_ref4) {
     onSetView = _ref4.onSetView,
     onDeactivateView = _ref4.onDeactivateView,
     style = _ref4.style,
-    props = _objectWithoutProperties(_ref4, _excluded$3);
+    props = _objectWithoutProperties(_ref4, _excluded$4);
   var viewSpecsById = useMemo(function () {
     return Object.fromEntries(viewSpecs.map(function (spec) {
       return [spec.id, spec];
     }));
   }, [viewSpecs]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React$1.createElement("div", {
     style: style
-  }, /*#__PURE__*/React.createElement(ViewMenuContext.Provider, {
+  }, /*#__PURE__*/React$1.createElement(ViewMenuContext.Provider, {
     value: {
       viewSpecsById: viewSpecsById,
       viewConfState: viewConfState,
@@ -1094,7 +1097,7 @@ function ViewMenu(_ref4) {
       onSetView: onSetView,
       onDeactivateView: onDeactivateView
     }
-  }, /*#__PURE__*/React.createElement(DirNav, _extends({
+  }, /*#__PURE__*/React$1.createElement(DirNav, _extends({
     style: {
       flexGrow: 1,
       overflow: 'hidden'
@@ -1109,18 +1112,18 @@ function ViewMenu(_ref4) {
         viewSpecsById: viewSpecsById,
         nodeId: node.id
       });
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React$1.createElement("div", {
         style: {
           position: 'relative'
         }
-      }, STATIC_NODE_ICONS[node.id], activeViewsCount > 0 && /*#__PURE__*/React.createElement(ActiveCounter, null, activeViewsCount));
+      }, STATIC_NODE_ICONS[node.id], activeViewsCount > 0 && /*#__PURE__*/React$1.createElement(ActiveCounter, null, activeViewsCount));
     }
   }, props))));
 }
 
 function GeoReDUSLogoSymbol() {
   var color = '#FFFFFF';
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React$1.createElement("svg", {
     version: "1.1",
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg"
@@ -1131,59 +1134,59 @@ function GeoReDUSLogoSymbol() {
     x: "0px",
     y: "0px",
     viewBox: "0 0 117.98 129.33"
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("path", {
     d: "M67.52,21.86l-3.1-0.07c0.06-2.71-0.94-5.28-2.81-7.23c-1.87-1.96-4.39-3.07-7.1-3.13l0.07-3.1 c3.54,0.08,6.83,1.53,9.27,4.08C66.29,14.97,67.6,18.32,67.52,21.86L67.52,21.86z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M75.86,22.04l-3.1-0.07C72.99,11.79,64.88,3.32,54.7,3.1L54.77,0C66.66,0.26,76.12,10.15,75.86,22.04L75.86,22.04z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M54.19,25.36c2.47,0.05,4.51-1.9,4.56-4.37c0.05-2.47-1.9-4.51-4.37-4.56c-2.47-0.05-4.51,1.9-4.56,4.37 C49.77,23.27,51.73,25.31,54.19,25.36L54.19,25.36z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M51.2,107.68c-3.84,0-6.97,3.13-6.97,6.97c0,3.84,3.13,6.97,6.97,6.97l0.23,0.02c0.03,0.01,4.8,0.42,12.67-6.99 c-7.86-7.49-12.62-6.99-12.67-6.98l-0.13,0.02L51.2,107.68L51.2,107.68z M51.65,124.74c-0.24,0-0.43-0.01-0.55-0.03 c-5.51-0.05-9.97-4.55-9.97-10.07c0-5.52,4.46-10.01,9.96-10.07c1.17-0.14,7.18-0.29,16.33,8.98l1.08,1.1l-1.09,1.09 C59.24,123.92,53.6,124.74,51.65,124.74L51.65,124.74z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M54.43,70.07c3.15,0,5.71-2.56,5.71-5.71c0-3.15-2.56-5.71-5.71-5.71c-3.15,0-5.71,2.56-5.71,5.71 C48.72,67.52,51.28,70.07,54.43,70.07L54.43,70.07z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M55.01,116.19c-23.03,0-41.76-18.73-41.76-41.76c0-23,18.7-41.71,41.69-41.71c23,0,41.71,18.71,41.71,41.71h-3.1 c0-21.29-17.32-38.61-38.61-38.61c-21.28,0-38.59,17.32-38.59,38.61c0,21.32,17.34,38.66,38.66,38.66V116.19L55.01,116.19z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M54.92,129.33C24.64,129.33,0,104.71,0,74.44c0-30.28,24.64-54.92,54.92-54.92v3.1C26.35,22.61,3.1,45.86,3.1,74.44 c0,28.56,23.25,51.8,51.82,51.8c28.56,0,51.8-23.24,51.8-51.8h3.1C109.82,104.71,85.19,129.33,54.92,129.33L54.92,129.33z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M54.86,102.79c-4.64,0-8.27-1.37-10.8-4.07c-3.85-4.1-3.69-9.79-3.66-10.46v-6.47c0-4.73,3.85-8.57,8.57-8.57h12.71 c4.73,0,8.57,3.85,8.57,8.57l0,0.07c-0.01,0.11-0.7,11.23-15.96,11.23v-3.1c11.94,0,12.81-7.59,12.87-8.25 c-0.03-3-2.47-5.42-5.47-5.42H48.97c-3.02,0-5.47,2.46-5.47,5.47l0,6.61c0,0.05-0.25,4.94,2.84,8.22 c1.92,2.04,4.79,3.07,8.53,3.07c13.91,0,25.22-11.33,25.22-25.25c0-13.91-11.31-25.22-25.22-25.22 c-13.88,0-24.76,11.08-24.76,25.22h-3.1c0-15.88,12.24-28.32,27.86-28.32c15.62,0,28.32,12.7,28.32,28.32 C83.18,90.07,70.48,102.79,54.86,102.79L54.86,102.79z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     d: "M108.31,55.76c-2.22,0-4.03-1.8-4.03-4.03c0-2.22,1.8-4.03,4.03-4.03c2.22,0,4.03,1.8,4.03,4.03 C112.34,53.95,110.53,55.76,108.31,55.76L108.31,55.76z M117.95,51.85c0-5.35-4.33-9.68-9.68-9.68c-5.35,0-9.68,4.33-9.68,9.68 c0,0-0.98,6.53,9.68,17.18C119.05,58.38,117.95,51.85,117.95,51.85L117.95,51.85z"
-  }), /*#__PURE__*/React.createElement("polygon", {
+  }), /*#__PURE__*/React$1.createElement("polygon", {
     points: "97.94,83.14 89.42,83.14 89.42,91.66 97.94,91.66 97.94,83.14      "
-  }), /*#__PURE__*/React.createElement("polygon", {
+  }), /*#__PURE__*/React$1.createElement("polygon", {
     points: "85.85,100.08 77.33,100.08 77.33,108.6 85.85,108.6 85.85,100.08       "
-  })))), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  })))), /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M67.52,21.86l-3.1-0.07c0.06-2.71-0.94-5.28-2.81-7.23c-1.87-1.96-4.39-3.07-7.1-3.13l0.07-3.1 c3.54,0.08,6.83,1.53,9.27,4.08C66.29,14.97,67.6,18.32,67.52,21.86L67.52,21.86z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M75.86,22.04l-3.1-0.07C72.99,11.79,64.88,3.32,54.7,3.1L54.77,0C66.66,0.26,76.12,10.15,75.86,22.04 L75.86,22.04z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M54.19,25.36c2.47,0.05,4.51-1.9,4.56-4.37c0.05-2.47-1.9-4.51-4.37-4.56c-2.47-0.05-4.51,1.9-4.56,4.37 C49.77,23.27,51.73,25.31,54.19,25.36L54.19,25.36z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M51.2,107.68c-3.84,0-6.97,3.13-6.97,6.97c0,3.84,3.13,6.97,6.97,6.97l0.23,0.02 c0.03,0.01,4.8,0.42,12.67-6.99c-7.86-7.49-12.62-6.99-12.67-6.98l-0.13,0.02L51.2,107.68L51.2,107.68z M51.65,124.74 c-0.24,0-0.43-0.01-0.55-0.03c-5.51-0.05-9.97-4.55-9.97-10.07c0-5.52,4.46-10.01,9.96-10.07c1.17-0.14,7.18-0.29,16.33,8.98 l1.08,1.1l-1.09,1.09C59.24,123.92,53.6,124.74,51.65,124.74L51.65,124.74z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M54.43,70.07c3.15,0,5.71-2.56,5.71-5.71c0-3.15-2.56-5.71-5.71-5.71c-3.15,0-5.71,2.56-5.71,5.71 C48.72,67.52,51.28,70.07,54.43,70.07L54.43,70.07z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M55.01,116.19c-23.03,0-41.76-18.73-41.76-41.76c0-23,18.7-41.71,41.69-41.71c23,0,41.71,18.71,41.71,41.71 h-3.1c0-21.29-17.32-38.61-38.61-38.61c-21.28,0-38.59,17.32-38.59,38.61c0,21.32,17.34,38.66,38.66,38.66V116.19L55.01,116.19z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M54.92,129.33C24.64,129.33,0,104.71,0,74.44c0-30.28,24.64-54.92,54.92-54.92v3.1 C26.35,22.61,3.1,45.86,3.1,74.44c0,28.56,23.25,51.8,51.82,51.8c28.56,0,51.8-23.24,51.8-51.8h3.1 C109.82,104.71,85.19,129.33,54.92,129.33L54.92,129.33z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M54.86,102.79c-4.64,0-8.27-1.37-10.8-4.07c-3.85-4.1-3.69-9.79-3.66-10.46v-6.47 c0-4.73,3.85-8.57,8.57-8.57h12.71c4.73,0,8.57,3.85,8.57,8.57l0,0.07c-0.01,0.11-0.7,11.23-15.96,11.23v-3.1 c11.94,0,12.81-7.59,12.87-8.25c-0.03-3-2.47-5.42-5.47-5.42H48.97c-3.02,0-5.47,2.46-5.47,5.47l0,6.61 c0,0.05-0.25,4.94,2.84,8.22c1.92,2.04,4.79,3.07,8.53,3.07c13.91,0,25.22-11.33,25.22-25.25c0-13.91-11.31-25.22-25.22-25.22 c-13.88,0-24.76,11.08-24.76,25.22h-3.1c0-15.88,12.24-28.32,27.86-28.32c15.62,0,28.32,12.7,28.32,28.32 C83.18,90.07,70.48,102.79,54.86,102.79L54.86,102.79z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M108.31,55.76c-2.22,0-4.03-1.8-4.03-4.03c0-2.22,1.8-4.03,4.03-4.03c2.22,0,4.03,1.8,4.03,4.03 C112.34,53.95,110.53,55.76,108.31,55.76L108.31,55.76z M117.95,51.85c0-5.35-4.33-9.68-9.68-9.68c-5.35,0-9.68,4.33-9.68,9.68 c0,0-0.98,6.53,9.68,17.18C119.05,58.38,117.95,51.85,117.95,51.85L117.95,51.85z"
-  }), /*#__PURE__*/React.createElement("polygon", {
+  }), /*#__PURE__*/React$1.createElement("polygon", {
     fill: color,
     points: "97.94,83.14 89.42,83.14 89.42,91.66 97.94,91.66 97.94,83.14      "
-  }), /*#__PURE__*/React.createElement("polygon", {
+  }), /*#__PURE__*/React$1.createElement("polygon", {
     fill: color,
     points: "85.85,100.08 77.33,100.08 77.33,108.6 85.85,108.6 85.85,100.08       "
   })))));
@@ -1191,7 +1194,7 @@ function GeoReDUSLogoSymbol() {
 
 function GeoReDUSLogoText() {
   var color = '#FFFFFF';
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React$1.createElement("svg", {
     version: "1.1",
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg"
@@ -1202,33 +1205,128 @@ function GeoReDUSLogoText() {
     x: "0px",
     y: "0px",
     viewBox: "0 0 215.51 129.33"
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M22.83,69.59c-7.32,0-12.95-1.95-16.91-5.86C1.98,59.82,0,53.76,0,45.54c0-5.47,0.95-9.97,2.85-13.52 c1.9-3.55,4.65-6.19,8.27-7.93c3.61-1.74,7.95-2.61,13.01-2.61c3.03,0,5.87,0.34,8.54,1.02c2.67,0.68,5.03,1.72,7.08,3.12 c2.06,1.4,3.66,3.15,4.81,5.25c1.15,2.1,1.73,4.6,1.73,7.49H36.05c0-1.4-0.3-2.64-0.91-3.73c-0.61-1.08-1.46-1.99-2.54-2.71 c-1.08-0.72-2.33-1.26-3.73-1.63c-1.4-0.36-2.87-0.54-4.4-0.54c-2.35,0-4.4,0.3-6.17,0.91c-1.76,0.61-3.22,1.54-4.37,2.78 c-1.15,1.24-2.02,2.79-2.61,4.64c-0.59,1.85-0.88,4-0.88,6.44v2.03c0,3.39,0.5,6.17,1.49,8.33c0.99,2.17,2.48,3.78,4.47,4.85 c1.99,1.06,4.45,1.59,7.39,1.59c2.44,0,4.6-0.37,6.47-1.12c1.87-0.75,3.34-1.82,4.4-3.22c1.06-1.4,1.59-3.12,1.59-5.15v-0.47 H22.36v-7.72h23.92v25.14h-6.64l-0.88-5.01c-1.36,1.31-2.81,2.39-4.37,3.25c-1.56,0.86-3.29,1.5-5.18,1.93 C27.31,69.38,25.18,69.59,22.83,69.59z"
-  })), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/React$1.createElement("g", null, /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M109.03,69.5c-3.67,0-6.78-0.63-9.33-1.89c-2.56-1.26-4.5-3.2-5.82-5.82c-1.32-2.62-1.98-5.91-1.98-9.88 c0-4.05,0.66-7.36,1.98-9.94c1.32-2.58,3.26-4.5,5.82-5.75c2.56-1.26,5.67-1.89,9.33-1.89c3.75,0,6.89,0.63,9.43,1.89 c2.54,1.26,4.47,3.18,5.79,5.75c1.32,2.58,1.98,5.89,1.98,9.94c0,3.96-0.66,7.26-1.98,9.88c-1.32,2.62-3.25,4.56-5.79,5.82 C115.93,68.87,112.78,69.5,109.03,69.5z M109.03,62.6c1.96,0,3.53-0.36,4.7-1.09c1.17-0.72,2.04-1.83,2.59-3.33 c0.55-1.49,0.83-3.32,0.83-5.5v-1.53c0-2.17-0.28-4.01-0.83-5.5c-0.55-1.49-1.42-2.61-2.59-3.36c-1.17-0.75-2.74-1.12-4.7-1.12 c-1.92,0-3.46,0.37-4.64,1.12c-1.17,0.75-2.04,1.87-2.59,3.36c-0.55,1.49-0.83,3.32-0.83,5.5v1.53c0,2.17,0.28,4.01,0.83,5.5 c0.55,1.49,1.42,2.6,2.59,3.33C105.57,62.23,107.12,62.6,109.03,62.6z"
-  })), /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M70.76,106.24c0-1.79-0.54-3.3-1.63-4.52c-1.09-1.22-2.78-1.83-5.09-1.83c-2.33,0-4.13,0.65-5.41,1.96 c-1.28,1.31-2.08,3.11-2.42,5.39l14.51-0.13C70.75,106.91,70.76,106.62,70.76,106.24L70.76,106.24z M72.76,94.74 c2.25,1.4,3.91,3.23,4.99,5.49c1.08,2.26,1.61,4.71,1.61,7.35c0,1.79-0.27,3.62-0.81,5.47l-22.06,0.17 c0.56,2.08,1.63,3.69,3.21,4.83c1.58,1.14,3.63,1.71,6.16,1.71c1.5,0,3.09-0.17,4.77-0.5c1.68-0.34,3.36-0.83,5.04-1.48l1.71,6.95 c-1.59,0.67-3.6,1.23-6.04,1.68c-2.44,0.45-4.66,0.67-6.65,0.67c-5.44,0-9.66-1.42-12.68-4.25c-3.01-2.83-4.52-7.19-4.52-13.08 c0-3.67,0.67-6.79,2-9.35c1.33-2.56,3.26-4.5,5.77-5.81c2.52-1.31,5.55-1.96,9.08-1.96C67.7,92.64,70.51,93.34,72.76,94.74 L72.76,94.74z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M77.81,47.77c0-1.86-0.56-3.42-1.69-4.69c-1.13-1.27-2.89-1.9-5.28-1.9c-2.42,0-4.29,0.68-5.61,2.04 c-1.32,1.36-2.16,3.22-2.51,5.59l15.05-0.14C77.8,48.47,77.81,48.16,77.81,47.77L77.81,47.77z M79.89,35.84 c2.33,1.45,4.06,3.35,5.17,5.7c1.12,2.35,1.67,4.89,1.67,7.63c0,1.86-0.28,3.75-0.84,5.68l-22.89,0.17 c0.58,2.16,1.69,3.83,3.33,5.02c1.64,1.18,3.77,1.78,6.39,1.78c1.56,0,3.21-0.17,4.95-0.52c1.74-0.35,3.48-0.86,5.23-1.53 l1.78,7.21c-1.65,0.7-3.74,1.28-6.27,1.74c-2.53,0.46-4.83,0.7-6.9,0.7c-5.64,0-10.03-1.47-13.15-4.41 c-3.12-2.94-4.69-7.46-4.69-13.57c0-3.81,0.69-7.04,2.07-9.7c1.38-2.66,3.38-4.67,5.99-6.03c2.61-1.36,5.75-2.04,9.42-2.04 C74.64,33.66,77.55,34.39,79.89,35.84L79.89,35.84z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M103.7,118.77c3.36,0,6.23-0.66,8.61-1.98c2.38-1.32,4.2-3.24,5.44-5.76c1.24-2.52,1.86-5.57,1.86-9.15 c0-5.44-1.32-9.5-3.95-12.17c-2.63-2.67-6.52-4-11.67-3.98l-7.72,0.07v32.97H103.7L103.7,118.77z M87.38,78.2h16.75 c8.13,0,14.26,1.93,18.4,5.78c4.14,3.85,6.21,9.75,6.21,17.69c0,5.01-1.04,9.37-3.12,13.08c-2.08,3.7-5.02,6.56-8.81,8.56 c-3.79,2-8.19,3-13.18,3l-16.25,0.07V78.2L87.38,78.2z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M141.29,122.12c-3.1-3.34-4.65-8.17-4.65-14.51V78.17h8.93v28.84c0,8.1,3.54,12.16,10.61,12.16 c6.72,0,10.07-3.88,10.07-11.65V78.17h8.9v28.68c0,13.52-6.51,20.28-19.54,20.28C149.16,127.13,144.39,125.46,141.29,122.12 L141.29,122.12z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M190.97,126.02c-2.31-0.6-4.95-1.6-7.92-2.99l3.09-7.92c2.62,1.32,4.82,2.23,6.61,2.72 c1.79,0.49,3.64,0.74,5.54,0.74c2.95,0,5.11-0.55,6.48-1.66c1.36-1.11,2.05-2.59,2.05-4.45c0-1.12-0.37-2.08-1.12-2.89 c-0.75-0.81-1.69-1.48-2.82-2.01c-1.13-0.54-2.73-1.2-4.79-1.98c-2.87-1.07-5.2-2.1-7.02-3.07c-1.81-0.97-3.36-2.34-4.65-4.11 c-1.29-1.77-1.93-4.02-1.93-6.75c0-3.18,0.78-5.83,2.35-7.96c1.57-2.13,3.64-3.69,6.21-4.68c2.57-1,5.42-1.49,8.53-1.49 c2.26,0,4.39,0.22,6.38,0.65c1.99,0.44,3.96,1.05,5.91,1.83l-2.85,7.72l-0.84-0.3c-1.39-0.54-2.69-0.95-3.89-1.24 c-1.21-0.29-2.66-0.44-4.37-0.44c-2.19,0-4.06,0.44-5.61,1.31c-1.55,0.87-2.32,2.24-2.32,4.1c0,0.96,0.33,1.8,0.99,2.52 c0.66,0.72,1.5,1.33,2.52,1.83s2.45,1.11,4.28,1.83c2.84,1.14,5.18,2.23,7.02,3.26c1.83,1.03,3.41,2.5,4.73,4.42 c1.32,1.91,1.98,4.34,1.98,7.27c0,3-0.68,5.6-2.03,7.81c-1.36,2.21-3.32,3.9-5.89,5.09c-2.57,1.19-5.67,1.78-9.3,1.78 C195.71,126.93,193.27,126.62,190.97,126.02L190.97,126.02z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React$1.createElement("path", {
     fill: color,
     d: "M30.67,104.39c2.82-1.08,5.04-2.68,6.66-4.82c1.62-2.14,2.45-4.67,2.47-7.61c0-2.95-0.65-5.46-1.95-7.52 c-1.3-2.06-3.14-3.62-5.52-4.68c-2.38-1.06-5.18-1.6-8.38-1.6H6.96v48.15h8.93l-0.02-11.2l-0.01-30.03l5.51-0.03 c2.93-0.04,5.19,0.57,6.77,1.83c1.58,1.26,2.37,3.15,2.37,5.66c0,2.48-0.87,4.39-2.6,5.73c-1.63,1.25-3.88,1.91-6.73,1.98h-0.13 v5.32l13.36,20.75h10.64L30.67,104.39L30.67,104.39z"
   }))));
 }
 
+var _excluded2 = ["text", "label", "children", "copiedMessage"];
+var DEFAULT_ICON = /*#__PURE__*/React.createElement(Icon, {
+  path: mdiContentCopy,
+  size: "18px"
+});
+function CopyToClipboardIconButton(_ref2) {
+  var text = _ref2.text,
+    _ref2$label = _ref2.label,
+    label = _ref2$label === void 0 ? 'Copiar' : _ref2$label,
+    _ref2$children = _ref2.children,
+    children = _ref2$children === void 0 ? DEFAULT_ICON : _ref2$children,
+    _ref2$copiedMessage = _ref2.copiedMessage,
+    copiedMessage = _ref2$copiedMessage === void 0 ? 'Copiado!' : _ref2$copiedMessage,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    copied = _useState4[0],
+    setCopied = _useState4[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover.Root, {
+    open: copied
+  }, /*#__PURE__*/React.createElement(CopyToClipboard, {
+    text: text
+  }, /*#__PURE__*/React.createElement(Popover.Trigger, null, /*#__PURE__*/React.createElement(IconButton, _extends({
+    asChild: true,
+    radius: "full"
+  }, props), /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      setCopied(true);
+      setTimeout(function () {
+        setCopied(function () {
+          return false;
+        });
+      }, 2500);
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: label,
+    sideOffset: 10
+  }, children))))), /*#__PURE__*/React.createElement(Popover.Content, {
+    align: "center",
+    size: "1",
+    style: {
+      fontSize: '.8rem',
+      padding: 8
+    },
+    maxWidth: 60
+  }, copiedMessage)));
+}
+
+var _excluded$3 = ["url"];
+var _templateObject$2;
+var Container = styled(Flex)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  > * {\n    height: 32px;\n  }\n"])));
+var ShareButtonBar = function ShareButtonBar(_ref) {
+  var url = _ref.url,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  var _useLocation = useLocation(),
+    href = _useLocation.href;
+  var shareUrl = url ? url : href;
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    direction: "row",
+    gap: "3"
+  }, props), /*#__PURE__*/React.createElement(CopyToClipboardIconButton, {
+    label: "Copiar link de compartilhamento",
+    copiedMessage: "Link copiado para \xE1rea de transfer\xEAncia",
+    text: shareUrl
+  }, /*#__PURE__*/React.createElement(Icon, {
+    path: mdiLinkVariant,
+    size: "18px"
+  })), /*#__PURE__*/React.createElement(LinkedinShareButton, {
+    url: shareUrl
+  }, /*#__PURE__*/React.createElement(LinkedinIcon, {
+    size: 32,
+    round: true
+  })), /*#__PURE__*/React.createElement(EmailShareButton, {
+    url: shareUrl
+  }, /*#__PURE__*/React.createElement(EmailIcon, {
+    size: 32,
+    round: true
+  })), /*#__PURE__*/React.createElement(FacebookShareButton, {
+    url: shareUrl
+  }, /*#__PURE__*/React.createElement(FacebookIcon, {
+    size: 32,
+    round: true
+  })), /*#__PURE__*/React.createElement(TwitterShareButton, {
+    url: shareUrl
+  }, /*#__PURE__*/React.createElement(TwitterIcon, {
+    size: 32,
+    round: true
+  })), /*#__PURE__*/React.createElement(WhatsappShareButton, {
+    url: shareUrl
+  }, /*#__PURE__*/React.createElement(WhatsappIcon, {
+    size: 32,
+    round: true
+  })));
+};
+
 //
 // html2canvas does not support color functions
 // radix uses: oklch and color(...)
@@ -1265,10 +1363,10 @@ function SharePanel(_ref) {
   //   throwOnError: process.env.NODE_ENV !== 'production',
   // })
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.Title, null, "Compartilhar"), /*#__PURE__*/React.createElement(Flex, {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Dialog.Title, null, "Compartilhar"), /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     gap: "4"
-  }, "ShareButtonBar"));
+  }, /*#__PURE__*/React$1.createElement(ShareButtonBar, null)));
 }
 
 var _templateObject$1;
@@ -1289,7 +1387,7 @@ function LeftPanel(_ref) {
     syncedMapsRef = _ref.syncedMapsRef,
     mapContainerRef = _ref.mapContainerRef;
   var dialogs = useDialogs();
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React$1.createElement("div", {
     style: {
       position: 'fixed',
       zIndex: 2,
@@ -1299,7 +1397,7 @@ function LeftPanel(_ref) {
     }
     // onMouseEnter={() => setMouseIsOver(true)}
     // onMouseLeave={() => setMouseIsOver(false)}
-  }, /*#__PURE__*/React.createElement(Flex
+  }, /*#__PURE__*/React$1.createElement(Flex
   //
   // Use flex for responsive positioning
   //
@@ -1322,7 +1420,7 @@ function LeftPanel(_ref) {
         md: '20px'
       }
     }
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React$1.createElement(IconButton, {
     size: {
       xs: '3',
       md: '1'
@@ -1338,16 +1436,16 @@ function LeftPanel(_ref) {
       return onSetOpen(!open);
     }
     // variant="surface"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }, /*#__PURE__*/React$1.createElement(Tooltip, {
     content: open ? 'Fechar painel' : 'Abrir painel'
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     style: {
       transition: 'transform .2s ease-out',
       transform: "rotateZ(".concat(open ? '0' : '180', "deg)")
     },
     path: mdiChevronLeft,
     size: "16px"
-  })))), /*#__PURE__*/React.createElement(Flex, {
+  })))), /*#__PURE__*/React$1.createElement(Flex, {
     direction: "column",
     gap: "0",
     height: "100vh",
@@ -1360,7 +1458,7 @@ function LeftPanel(_ref) {
     onClick: function onClick(e) {
       return onSetOpen(true);
     }
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     px: "12px",
     py: "10px",
     height: HEADER_HEIGHT,
@@ -1372,15 +1470,15 @@ function LeftPanel(_ref) {
       flexShrink: 0,
       flexGrow: 0
     }
-  }, /*#__PURE__*/React.createElement(LogoContainer, {
+  }, /*#__PURE__*/React$1.createElement(LogoContainer, {
     direction: "row",
     gap: "8px"
-  }, /*#__PURE__*/React.createElement(GeoReDUSLogoSymbol, null), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React$1.createElement(GeoReDUSLogoSymbol, null), /*#__PURE__*/React$1.createElement("div", {
     style: {
       transition: open ? 'opacity .7s ease-out' : 'opacity .1s ease-out',
       opacity: open ? 1 : 0
     }
-  }, /*#__PURE__*/React.createElement(GeoReDUSLogoText, null)))), Array.isArray(viewSpecs) ? /*#__PURE__*/React.createElement(ViewMenu, {
+  }, /*#__PURE__*/React$1.createElement(GeoReDUSLogoText, null)))), Array.isArray(viewSpecs) ? /*#__PURE__*/React$1.createElement(ViewMenu, {
     style: {
       flexGrow: 1,
       height: '1px'
@@ -1411,15 +1509,16 @@ function LeftPanel(_ref) {
         payload: viewId
       });
     },
-    sideBarBottom: /*#__PURE__*/React.createElement(Flex, {
+    sideBarBottom: /*#__PURE__*/React$1.createElement(Flex, {
       style: {
         flexGrow: 1
       },
       pb: "3",
       direction: "column",
+      gap: "3",
       justifyContent: "flex-end",
       alignItems: "center"
-    }, /*#__PURE__*/React.createElement(IconButton, {
+    }, /*#__PURE__*/React$1.createElement(IconButton, {
       variant: "soft",
       size: "3",
       onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -1427,7 +1526,7 @@ function LeftPanel(_ref) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.next = 2;
-              return dialogs.view(/*#__PURE__*/React.createElement(SharePanel, {
+              return dialogs.view(/*#__PURE__*/React$1.createElement(SharePanel, {
                 mapContainerRef: mapContainerRef,
                 syncedMapsRef: syncedMapsRef
               }));
@@ -1437,25 +1536,40 @@ function LeftPanel(_ref) {
           }
         }, _callee);
       }))
-    }, /*#__PURE__*/React.createElement(Icon, {
+    }, /*#__PURE__*/React$1.createElement(Tooltip, {
+      content: "Compartilhar"
+    }, /*#__PURE__*/React$1.createElement(Icon, {
       path: mdiShareVariantOutline,
       size: "24px"
-    })))
-  }) : /*#__PURE__*/React.createElement("div", {
+    }))), /*#__PURE__*/React$1.createElement(IconButton, {
+      variant: "soft",
+      size: "3",
+      asChild: true
+    }, /*#__PURE__*/React$1.createElement("a", {
+      href: "https://www.redus.org.br/georedus-rede-de-dados-urbanos/formularios/cbf766bb-9a74-4bc5-897a-70b9151afbdb",
+      target: "_blank",
+      rel: "noreferrer nofollow"
+    }, /*#__PURE__*/React$1.createElement(Tooltip, {
+      content: "D\xFAvidas e sugest\xF5es"
+    }, /*#__PURE__*/React$1.createElement(Icon, {
+      path: mdiForumOutline,
+      size: "24px"
+    })))))
+  }) : /*#__PURE__*/React$1.createElement("div", {
     style: {
       flexGrow: 1,
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement(LoadingOverlay, {
+  }, /*#__PURE__*/React$1.createElement(LoadingOverlay, {
     message: null
-  })), /*#__PURE__*/React.createElement(Flex, {
+  })), /*#__PURE__*/React$1.createElement(Flex, {
     p: "2",
     style: {
       backgroundColor: 'white'
     },
     direction: "row",
     justifyContent: "center"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React$1.createElement("img", {
     style: {
       transition: 'opacity .1s ease-out',
       opacity: open ? 1 : 0,
@@ -1479,7 +1593,7 @@ var ViewLayoutSortable = makeSortableMultiList({
     //
     Portal: function Portal$1(_ref) {
       var children = _ref.children;
-      return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Theme, null, children));
+      return /*#__PURE__*/React$1.createElement(Portal, null, /*#__PURE__*/React$1.createElement(Theme, null, children));
     },
     Item: function Item(_ref2) {
       var dragHandleProps = _ref2.dragHandleProps,
@@ -1495,7 +1609,7 @@ var ViewLayoutSortable = makeSortableMultiList({
       //   ? 'rgba(0, 0, 0, 0.35) 0px 5px 15px;'
       //   : 'none'
 
-      return /*#__PURE__*/React.createElement(Flex, {
+      return /*#__PURE__*/React$1.createElement(Flex, {
         direction: "row",
         alignItems: "center",
         gap: "0",
@@ -1505,7 +1619,7 @@ var ViewLayoutSortable = makeSortableMultiList({
           transform: isDragOverlay ? 'scale(1.05)' : '',
           zIndex: isDragOverlay ? 999 : 0
         }
-      }, /*#__PURE__*/React.createElement("div", _extends({}, dragHandleProps, {
+      }, /*#__PURE__*/React$1.createElement("div", _extends({}, dragHandleProps, {
         style: {
           cursor: isDragging ? 'grabbing' : 'grab',
           background: 'white',
@@ -1516,15 +1630,15 @@ var ViewLayoutSortable = makeSortableMultiList({
           borderBottomLeftRadius: DRAG_HANDLE_BORDER_RADIUS,
           height: CONTROL_HEIGHT
         }
-      }), /*#__PURE__*/React.createElement(Icon, {
+      }), /*#__PURE__*/React$1.createElement(Icon, {
         path: mdiDragVertical,
         size: "24px"
-      })), /*#__PURE__*/React.createElement(Flex, {
+      })), /*#__PURE__*/React$1.createElement(Flex, {
         direction: "column",
         style: {
           flexGrow: 1
         }
-      }, /*#__PURE__*/React.createElement(ViewControl, {
+      }, /*#__PURE__*/React$1.createElement(ViewControl, {
         style: {
           height: CONTROL_HEIGHT
         },
@@ -1575,7 +1689,7 @@ var ViewLayoutSortable = makeSortableMultiList({
       var children = _ref3.children;
         _ref3.dragHandleProps;
         var item = _ref3.item;
-      return /*#__PURE__*/React.createElement(Flex, {
+      return /*#__PURE__*/React$1.createElement(Flex, {
         direction: "column",
         width: "280px"
         // pb="30px"
@@ -1584,11 +1698,11 @@ var ViewLayoutSortable = makeSortableMultiList({
           border: 'dashed 1px var(--accent-6)',
           borderRadius: "".concat(DRAG_HANDLE_BORDER_RADIUS, "px")
         }
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("div", {
         style: {
           margin: '-1px -1px -1px -1px'
         }
-      }, children, item.items.length === 0 && /*#__PURE__*/React.createElement(Flex, {
+      }, children, item.items.length === 0 && /*#__PURE__*/React$1.createElement(Flex, {
         p: "4",
         style: {
           // border: 'dashed 1px var(--accent-6)',
@@ -1597,7 +1711,7 @@ var ViewLayoutSortable = makeSortableMultiList({
         },
         justifyContent: "center",
         alignItems: "center"
-      }, /*#__PURE__*/React.createElement(Text, {
+      }, /*#__PURE__*/React$1.createElement(Text, {
         size: "2"
       }, "Arraste uma camada para visualizar em mapa comparado"))));
     }
@@ -1608,13 +1722,13 @@ function ViewLayoutControl(_ref4) {
     viewConfState = _ref4.viewConfState,
     viewConfDispatch = _ref4.viewConfDispatch;
   console.log('ViewLayoutControl', viewConfState.layout);
-  return /*#__PURE__*/React.createElement(ViewLayoutControlContext.Provider, {
+  return /*#__PURE__*/React$1.createElement(ViewLayoutControlContext.Provider, {
     value: {
       viewSpecs: viewSpecs,
       viewConfState: viewConfState,
       viewConfDispatch: viewConfDispatch
     }
-  }, /*#__PURE__*/React.createElement(ViewLayoutSortable, {
+  }, /*#__PURE__*/React$1.createElement(ViewLayoutSortable, {
     lists: viewConfState.layout,
     onSetLists: function onSetLists(nextLayout) {
       return viewConfDispatch({
@@ -1634,13 +1748,13 @@ function ViewLayoutPopover(_ref) {
   var activeViewCount = useMemo(function () {
     return Object.keys(viewConfState.byId).length;
   }, [viewConfState.byId]);
-  return /*#__PURE__*/React.createElement(Popover.Root, null, /*#__PURE__*/React.createElement(Popover.Trigger, null, /*#__PURE__*/React.createElement(Button, _extends({
+  return /*#__PURE__*/React$1.createElement(Popover.Root, null, /*#__PURE__*/React$1.createElement(Popover.Trigger, null, /*#__PURE__*/React$1.createElement(Button, _extends({
     variant: activeViewCount > 0 ? 'solid' : 'soft',
     size: "1"
-  }, props), /*#__PURE__*/React.createElement(Icon, {
+  }, props), /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiLayers,
     size: "16px"
-  }), " Camadas ativas", ' ', activeViewCount ? "(".concat(activeViewCount, ")") : null)), /*#__PURE__*/React.createElement(Popover.Content, {
+  }), " Camadas ativas", ' ', activeViewCount ? "(".concat(activeViewCount, ")") : null)), /*#__PURE__*/React$1.createElement(Popover.Content, {
     size: "1",
     align: "center",
     style: {
@@ -1649,19 +1763,19 @@ function ViewLayoutPopover(_ref) {
       position: 'relative'
     },
     maxWidth: "none"
-  }, /*#__PURE__*/React.createElement(Flex, {
+  }, /*#__PURE__*/React$1.createElement(Flex, {
     direction: "row",
     gap: "3"
-  }, activeViewCount > 0 ? /*#__PURE__*/React.createElement(ViewLayoutControl, {
+  }, activeViewCount > 0 ? /*#__PURE__*/React$1.createElement(ViewLayoutControl, {
     viewSpecs: viewSpecs,
     viewConfState: viewConfState,
     viewConfDispatch: viewConfDispatch
-  }) : /*#__PURE__*/React.createElement(Text, {
+  }) : /*#__PURE__*/React$1.createElement(Text, {
     size: "1"
-  }, "Nenhuma camada ativa"), /*#__PURE__*/React.createElement(Popover.Close, null, /*#__PURE__*/React.createElement(IconButton, {
+  }, "Nenhuma camada ativa"), /*#__PURE__*/React$1.createElement(Popover.Close, null, /*#__PURE__*/React$1.createElement(IconButton, {
     size: "1",
     variant: "ghost"
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiClose,
     size: "16px"
   }))))));
@@ -4332,7 +4446,7 @@ var _a;
 //
 // TODO: set dynamic values
 //
-var HARD_CODED_ALLOW_FETCH_SOURCES = (_a = {}, _a['https://dev-geoapi-metadata.orioro.design'] = ['GET', 'POST'], _a['http://localhost:6001'] = ['GET', 'POST'], _a);
+var HARD_CODED_ALLOW_FETCH_SOURCES = (_a = {}, _a['https://dev-geoapi-metadata.orioro.design'] = ['GET', 'POST'], _a['http://localhost:8001'] = ['GET', 'POST'], _a);
 console.warn('TODO: remove HARD_CODED_ALLOW_FETCH_SOURCES');
 function isFetchAllowed(resource, options) {
   return __awaiter(this, void 0, void 0, function () {
@@ -6689,7 +6803,7 @@ function _parseGeoFileMetadata() {
 }
 function GeoFile(props) {
   var dialogs = useDialogs();
-  return /*#__PURE__*/React.createElement(SingleFileInput, _extends({}, props, {
+  return /*#__PURE__*/React$1.createElement(SingleFileInput, _extends({}, props, {
     middleware: [(/*#__PURE__*/function () {
       var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(file) {
         var Gdal, _yield$Gdal$open, datasets, errors, result, fileBytes, blob, outFile;
@@ -6766,13 +6880,13 @@ function GeoFile(props) {
 }
 
 function NumberInput(props) {
-  return /*#__PURE__*/React.createElement(TextInput, _extends({}, props, {
+  return /*#__PURE__*/React$1.createElement(TextInput, _extends({}, props, {
     type: "text",
     mask: Number
   }));
 }
 function InputProvider(props) {
-  return /*#__PURE__*/React.createElement(InputProvider$1, _extends({
+  return /*#__PURE__*/React$1.createElement(InputProvider$1, _extends({
     renderers: _objectSpread2(_objectSpread2({}, INPUTS), rendererSpecList({
       date: TextInput,
       number: NumberInput,
@@ -7307,7 +7421,7 @@ function HoverLegend(_ref) {
       onMouseLeaveStep: onMouseLeaveStep
     };
   }, []);
-  return /*#__PURE__*/React.createElement(Legend, _extends({}, legendProps, legendProps.type === 'SequentialColorLegend' ? SEQUENTIAL_COLOR_LEGEND_PROPS : {}));
+  return /*#__PURE__*/React$1.createElement(Legend, _extends({}, legendProps, legendProps.type === 'SequentialColorLegend' ? SEQUENTIAL_COLOR_LEGEND_PROPS : {}));
 }
 function GeoReDUSInner(_ref2) {
   var globalState = _ref2.state,
@@ -7693,7 +7807,7 @@ function GeoReDUSInner(_ref2) {
           feature: feature
         }) : null;
       }).filter(Boolean);
-      return tooltipDataSections.length > 0 && /*#__PURE__*/React.createElement(HoverTooltip, {
+      return tooltipDataSections.length > 0 && /*#__PURE__*/React$1.createElement(HoverTooltip, {
         position: hoverInfo.point,
         dataSections: tooltipDataSections,
         style: {
@@ -7711,7 +7825,7 @@ function GeoReDUSInner(_ref2) {
       sprite: 'https://api.maptiler.com/maps/dataviz/sprite'
     });
   });
-  return /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(LeftPanel, {
+  return /*#__PURE__*/React$1.createElement(Flex, null, /*#__PURE__*/React$1.createElement(LeftPanel, {
     open: leftPanelOpen,
     onSetOpen: setLeftPanelOpen,
     viewSpecs: resolvedViewSpecs,
@@ -7719,7 +7833,7 @@ function GeoReDUSInner(_ref2) {
     viewConfDispatch: viewConfDispatch,
     resolvedViews: resolvedViews,
     syncedMapsRef: syncedMapsRef
-  }), /*#__PURE__*/React.createElement(Flex, {
+  }), /*#__PURE__*/React$1.createElement(Flex, {
     style: {
       position: 'fixed',
       zIndex: 2,
@@ -7729,19 +7843,19 @@ function GeoReDUSInner(_ref2) {
     direction: "row",
     gap: "4",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(ViewLayoutPopover, {
+  }, /*#__PURE__*/React$1.createElement(ViewLayoutPopover, {
     viewSpecs: viewSpecsQuery.data,
     viewConfState: viewConfState,
     viewConfDispatch: viewConfDispatch
-  }), /*#__PURE__*/React.createElement(Flex, {
+  }), /*#__PURE__*/React$1.createElement(Flex, {
     alignItems: "strecth",
     width: "400px",
     maxWidth: "30vw"
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, /*#__PURE__*/React$1.createElement(Input, {
     schema: MUNICIPIO_ID_SELECTOR_SCHEMA,
     value: municipioId,
     onSetValue: setMunicipioId
-  }))), mapStyle && /*#__PURE__*/React.createElement(SyncedMaps, {
+  }))), mapStyle && /*#__PURE__*/React$1.createElement(SyncedMaps, {
     maxPitch: 80,
     onDrag: function onDrag() {
       if (resolvedLayout.length > 1 && leftPanelOpen) {
@@ -7795,10 +7909,10 @@ function GeoReDUSInner(_ref2) {
         // canvasContextAttributes: {
         //   preserveDrawingBuffer: true,
         // },
-        children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AttributionControl, {
+        children: /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(AttributionControl, {
           position: "bottom-right",
           compact: false
-        }), /*#__PURE__*/React.createElement(ControlContainer, {
+        }), /*#__PURE__*/React$1.createElement(ControlContainer, {
           style: {
             width: 'auto',
             height: 'auto',
@@ -7806,13 +7920,13 @@ function GeoReDUSInner(_ref2) {
             opacity: legends.length > 0 ? 1 : 0
           },
           position: "bottom-right"
-        }, legends.length > 0 && /*#__PURE__*/React.createElement(LegendContainer, {
+        }, legends.length > 0 && /*#__PURE__*/React$1.createElement(LegendContainer, {
           direction: "row",
           gap: "3",
           p: resolvedLayout.length > 1 ? '3' : '4'
-        }, resolvedLayout.length > 1 && /*#__PURE__*/React.createElement(Tooltip, {
+        }, resolvedLayout.length > 1 && /*#__PURE__*/React$1.createElement(Tooltip, {
           content: "Fechar visualiza\xE7\xE3o"
-        }, /*#__PURE__*/React.createElement(IconButton, {
+        }, /*#__PURE__*/React$1.createElement(IconButton, {
           size: "1",
           variant: "soft",
           onClick: function onClick() {
@@ -7821,14 +7935,14 @@ function GeoReDUSInner(_ref2) {
               payload: views[0].id
             });
           }
-        }, /*#__PURE__*/React.createElement(Icon, {
+        }, /*#__PURE__*/React$1.createElement(Icon, {
           path: mdiClose,
           size: "20px"
-        }))), /*#__PURE__*/React.createElement(EvenSpacedList, {
+        }))), /*#__PURE__*/React$1.createElement(EvenSpacedList, {
           columns: legends.length > 1 ? 2 : 1,
           gap: "10px"
         }, legends.map(function (legend) {
-          return /*#__PURE__*/React.createElement(HoverLegend, _extends({}, resolvedLayout.length > 1 ? {
+          return /*#__PURE__*/React$1.createElement(HoverLegend, _extends({}, resolvedLayout.length > 1 ? {
             direction: 'row',
             maxWidth: '300px',
             size: '1'
@@ -7839,21 +7953,21 @@ function GeoReDUSInner(_ref2) {
           }, {
             key: legend.id
           }, legend));
-        })))), index === resolvedLayout.length - 1 ? /*#__PURE__*/React.createElement(React.Fragment, null, process.env.NODE_ENV !== 'production' && /*#__PURE__*/React.createElement(InspectControl, null), /*#__PURE__*/React.createElement(GeolocateControl, {
+        })))), index === resolvedLayout.length - 1 ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, process.env.NODE_ENV !== 'production' && /*#__PURE__*/React$1.createElement(InspectControl, null), /*#__PURE__*/React$1.createElement(GeolocateControl, {
           position: "top-right"
-        }), /*#__PURE__*/React.createElement(FullscreenControl, {
+        }), /*#__PURE__*/React$1.createElement(FullscreenControl, {
           position: "top-right"
-        }), /*#__PURE__*/React.createElement(NavigationControl, {
+        }), /*#__PURE__*/React$1.createElement(NavigationControl, {
           position: "top-right"
-        }), /*#__PURE__*/React.createElement(ScaleControl, {
+        }), /*#__PURE__*/React$1.createElement(ScaleControl, {
           position: "bottom-right"
-        }), /*#__PURE__*/React.createElement(ControlContainer, {
+        }), /*#__PURE__*/React$1.createElement(ControlContainer, {
           style: {
             width: 100,
             height: 100,
             boxShadow: 'none'
           }
-        }, /*#__PURE__*/React.createElement(MapStyleToggleCtrl, {
+        }, /*#__PURE__*/React$1.createElement(MapStyleToggleCtrl, {
           style: {
             position: 'relative',
             width: 100,
@@ -7863,7 +7977,7 @@ function GeoReDUSInner(_ref2) {
           onClick: function onClick() {
             return setBaseMapStyle(baseMapStyle === 'dataviz' ? 'satellite' : 'dataviz');
           }
-        }, /*#__PURE__*/React.createElement(MapWindow, {
+        }, /*#__PURE__*/React$1.createElement(MapWindow, {
           style: {
             pointerEvents: 'none',
             position: 'absolute',
@@ -7874,13 +7988,13 @@ function GeoReDUSInner(_ref2) {
           },
           mapStyle: baseMapStyle === 'satellite' ? DATAVIZ_MAP_STYLE_URL : SATELLITE_MAP_STYLE_URL,
           maxZoom: 13
-        })))) : null, /*#__PURE__*/React.createElement(TerrainControl, {
+        })))) : null, /*#__PURE__*/React$1.createElement(TerrainControl, {
           demSourceUrl: DEM_SOURCE_URL,
           demSourceEncoding: DEM_SOURCE_ENCODING
         }))
       };
     })
-  }, isLoading && /*#__PURE__*/React.createElement(LoadingIndicator, {
+  }, isLoading && /*#__PURE__*/React$1.createElement(LoadingIndicator, {
     style: {
       position: 'fixed',
       bottom: '10px',
@@ -7891,9 +8005,9 @@ function GeoReDUSInner(_ref2) {
 }
 var GeoReDUSRootContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  * {\n    box-sizing: border-box;\n  }\n"])));
 function GeoReDUS(props) {
-  return /*#__PURE__*/React.createElement(GeoReDUSRootContainer, null, /*#__PURE__*/React.createElement(InputProvider, {
+  return /*#__PURE__*/React$1.createElement(GeoReDUSRootContainer, null, /*#__PURE__*/React$1.createElement(InputProvider, {
     variant: "labeled"
-  }, /*#__PURE__*/React.createElement(DialogsProvider, null, /*#__PURE__*/React.createElement(GeoReDUSInner, props))));
+  }, /*#__PURE__*/React$1.createElement(DialogsProvider, null, /*#__PURE__*/React$1.createElement(GeoReDUSInner, props))));
 }
 
 export { GeoReDUS, VTX_PROTOCOL, memoFetchData, vtx, vtxSetup, vtxUrl };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redus/georedus-ui",
-  "version": "0.8.2",
+  "version": "0.8.7",
   "packageManager": "yarn@4.0.2",
   "type": "module",
   "main": "dist/main.js",
@@ -52,7 +52,7 @@
     "@orioro/react-csv": "^0.0.2",
     "@orioro/react-dialogs": "^0.0.2",
     "@orioro/react-dir-nav": "^0.1.0",
-    "@orioro/react-maplibre-util": "^0.4.0",
+    "@orioro/react-maplibre-util": "^0.5.2",
     "@orioro/react-sortable": "^0.0.2",
     "@orioro/react-ui-core": "^0.0.6",
     "@orioro/resolve": "^0.1.2",
@@ -72,7 +72,9 @@
     "katex": "^0.16.22",
     "lodash": "^4.17.21",
     "query-string": "^9.1.1",
+    "react-copy-to-clipboard": "^5.1.0",
     "react-highlight-words": "^0.21.0",
+    "react-share": "^5.1.0",
     "react-use": "^17.5.0",
     "rehype-katex": "^7.0.1",
     "remark-math": "^6.0.0",