@redus/georedus-ui 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @orioro/template-react
 
+## 0.1.3
+
+### Patch Changes
+
+- fix issue related to missing react import and strict react version
+
 ## 0.1.2
 
 ### Patch Changes

package/dist/DialogSystem/index.d.ts

@@ -1,4 +1,5 @@
 export function DialogsProvider({ children }: {
     children: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
+import React from 'react';
 export const useDialogs: () => import("@orioro/react-dialogs").DialogsAPI<import("@orioro/react-dialogs").DialogSpecList>;

package/dist/GeoReDUS/GeoReDUS.d.ts

@@ -1,2 +1,3 @@
 export function queryKeyHashFnWithFileSupport(queryKey: any): string;
-export function GeoReDUS(props: any): import("react").JSX.Element;
+export function GeoReDUS(props: any): React.JSX.Element;
+import React from 'react';

package/dist/GeoReDUSLogo/GeoReDUSLogo.d.ts

@@ -1 +1,2 @@
-export function GeoReDUSLogo(): import("react").JSX.Element;
+export function GeoReDUSLogo(): React.JSX.Element;
+import React from 'react';

package/dist/GeoReDUSLogo/GeoReDUSLogoSymbol.d.ts

@@ -1 +1,2 @@
-export function GeoReDUSLogoSymbol(): import("react").JSX.Element;
+export function GeoReDUSLogoSymbol(): React.JSX.Element;
+import React from 'react';

package/dist/GeoReDUSLogo/GeoReDUSLogoText.d.ts

@@ -1 +1,2 @@
-export function GeoReDUSLogoText(): import("react").JSX.Element;
+export function GeoReDUSLogoText(): React.JSX.Element;
+import React from 'react';

package/dist/InputSystem/Inputs/GeoFile/GeoFile.d.ts

@@ -1 +1,2 @@
-export function GeoFile(props: any): import("react").JSX.Element;
+export function GeoFile(props: any): React.JSX.Element;
+import React from 'react';

package/dist/InputSystem/index.d.ts

@@ -1 +1,2 @@
-export function InputProvider(props: any): import("react").JSX.Element;
+export function InputProvider(props: any): React.JSX.Element;
+import React from 'react';

package/dist/LeftPanel/LeftPanel.d.ts

@@ -7,4 +7,5 @@ export function LeftPanel({ viewConfState, viewConfDispatch, viewSpecs, resolved
     onSetOpen: any;
     syncedMapsRef: any;
     mapContainerRef: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
+import React from 'react';

package/dist/Markdown/index.d.ts

@@ -1 +1,2 @@
-export function Markdown(props: any): import("react").JSX.Element;
+export function Markdown(props: any): React.JSX.Element;
+import React from 'react';

package/dist/ViewControl/CollapsibleContent.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import * as Collapsible from '@radix-ui/react-collapsible';
-export declare const CollapsibleContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Collapsible.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Collapsible.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const CollapsibleContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Collapsible.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, never>> & string & Omit<React.ForwardRefExoticComponent<Collapsible.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;

package/dist/ViewControl/ViewConfTabs.d.ts

@@ -3,4 +3,5 @@ export function ViewConfTabs({ viewSpec, viewConf, resolvedView, onSetView }: {
     viewConf: any;
     resolvedView: any;
     onSetView: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
+import React from 'react';

package/dist/ViewControl/ViewControl.d.ts

@@ -8,4 +8,5 @@ export function ViewControl({ textSearch, viewSpec, viewConf, resolvedView, onSe
     configurable?: boolean | undefined;
     path?: null | undefined;
     style: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
+import React from 'react';

package/dist/ViewLayoutPopover/ViewLayoutControl.d.ts

@@ -2,4 +2,5 @@ export function ViewLayoutControl({ viewSpecs, viewConfState, viewConfDispatch,
     viewSpecs: any;
     viewConfState: any;
     viewConfDispatch: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
+import React from 'react';

package/dist/ViewLayoutPopover/ViewLayoutPopover.d.ts

@@ -3,4 +3,5 @@ export function ViewLayoutPopover({ viewSpecs, viewConfState, viewConfDispatch,
     viewSpecs: any;
     viewConfState: any;
     viewConfDispatch: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
+import React from 'react';

package/dist/ViewMenu/ViewMenu.d.ts

@@ -6,4 +6,5 @@ export function ViewMenu({ viewSpecs, viewConfState, resolvedViews, onSetView, o
     onSetView: any;
     onDeactivateView: any;
     style: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
+import React from 'react';

package/dist/main.js

@@ -1,6 +1,6 @@
+import React, { useMemo, createContext, useState, useRef, useContext, useCallback, forwardRef, useImperativeHandle, createRef, useEffect, useReducer } from 'react';
 import { Flex, TextEllipsis, TextInput, Button, MARKDOWN_DEFAULT_REMARK_PLUGINS, MARKDOWN_DEFAULT_REHYPE_PLUGINS, Markdown as Markdown$1, CANCELLED, DropdownMenu, Box, Input, SwitchInput, withDefaults, LoadingOverlay, useRefByKey, fileReadAs, SingleFileInput, InputProvider as InputProvider$1, rendererSpecList, withLabeledLayout, INPUTS, useLocalState, EvenSpacedList, LoadingIndicator } from '@orioro/react-ui-core';
 import { nodesFromPaths, treeModel, nodeIdFromPath } from '@orioro/tree-model';
-import React$1, { useMemo, createContext, useState, useRef, useContext, useCallback, forwardRef, useImperativeHandle, createRef, useEffect, useReducer } from 'react';
 import * as Tabs from '@radix-ui/react-tabs';
 import styled, { keyframes } from 'styled-components';
 import { Tooltip, Heading, Select, Tabs as Tabs$1, IconButton, Theme, Text, Dialog, Portal, Popover } from '@radix-ui/themes';
@@ -568,7 +568,7 @@ var DefaultDirContainer = styled.div(templateObject_3$3 || (templateObject_3$3 =
 var DefaultItemContainer$1 = styled.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject$1([""], [""])));
 function DefaultDirLabel(_a) {
   var node = _a.node;
-  return /*#__PURE__*/React$1.createElement(TextEllipsis, {
+  return /*#__PURE__*/React.createElement(TextEllipsis, {
     style: {
       textAlign: 'left'
     }
@@ -602,33 +602,33 @@ function makeDir(config) {
       });
     }, [node.childNodes]);
     // const _byType = useSortedNodesByType(node.childNodes)
-    return /*#__PURE__*/React$1.createElement(Container$3, null, /*#__PURE__*/React$1.createElement(Collapsible.Root, {
+    return /*#__PURE__*/React.createElement(Container$3, null, /*#__PURE__*/React.createElement(Collapsible.Root, {
       open: open,
       onOpenChange: setOpen
-    }, /*#__PURE__*/React$1.createElement(CollapsibleTrigger, null, /*#__PURE__*/React$1.createElement("div", {
+    }, /*#__PURE__*/React.createElement(CollapsibleTrigger, null, /*#__PURE__*/React.createElement("div", {
       style: {
         paddingLeft: depth * 10
       }
-    }, /*#__PURE__*/React$1.createElement(Icon, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       style: {
         transform: open ? 'rotateZ(90deg)' : 'rotateZ(0)'
       },
       path: mdiChevronRight,
       size: "20px"
-    }), /*#__PURE__*/React$1.createElement(Icon, {
+    }), /*#__PURE__*/React.createElement(Icon, {
       path: open ? mdiFolderOpen : mdiFolder,
       size: "20px"
-    })), /*#__PURE__*/React$1.createElement(DirLabel, {
+    })), /*#__PURE__*/React.createElement(DirLabel, {
       node: node,
       depth: depth,
       open: open
-    })), /*#__PURE__*/React$1.createElement(CollapsibleContent$1, null, ((_b = _byType.dir) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (/*#__PURE__*/React$1.createElement(DirContainer, null, /*#__PURE__*/React$1.createElement(NodeList, {
+    })), /*#__PURE__*/React.createElement(CollapsibleContent$1, null, ((_b = _byType.dir) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (/*#__PURE__*/React.createElement(DirContainer, null, /*#__PURE__*/React.createElement(NodeList, {
       nodes: _byType.dir,
       depth: depth + 1
-    }))) : null, ((_c = _byType.item) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (/*#__PURE__*/React$1.createElement(ItemContainer, null, /*#__PURE__*/React$1.createElement(NodeList, {
+    }))) : null, ((_c = _byType.item) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (/*#__PURE__*/React.createElement(ItemContainer, null, /*#__PURE__*/React.createElement(NodeList, {
       nodes: _byType.item,
       depth: depth + 1
-    }))) : null, Object.keys(_byType).length === 0 ? (/*#__PURE__*/React$1.createElement(EmptyNodeList, null, "N\xE3o h\xE1 conte\xFAdo")) : null)));
+    }))) : null, Object.keys(_byType).length === 0 ? (/*#__PURE__*/React.createElement(EmptyNodeList, null, "N\xE3o h\xE1 conte\xFAdo")) : null)));
   };
 }
 var templateObject_1$4$1, templateObject_2$3$1, templateObject_3$3, templateObject_4$2;
@@ -644,11 +644,11 @@ function Item$1(_a) {
       return onSelectItem(node);
     } : undefined;
   }, [onSelectItem, node]);
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       paddingLeft: depth * 10
     }
-  }, /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     style: {
       width: '100%',
       justifyContent: 'flex-start',
@@ -657,7 +657,7 @@ function Item$1(_a) {
     type: "Button",
     radius: "none",
     onClick: onClick
-  }, /*#__PURE__*/React$1.createElement(TextEllipsis, null, node.label)));
+  }, /*#__PURE__*/React.createElement(TextEllipsis, null, node.label)));
 }
 function makeDirTree(config) {
   var _a;
@@ -674,10 +674,10 @@ var ContentContainer = styled.div(templateObject_2$2$1 || (templateObject_2$2$1
 function NavSection(_a) {
   var header = _a.header,
     children = _a.children;
-  return /*#__PURE__*/React$1.createElement(Flex, {
+  return /*#__PURE__*/React.createElement(Flex, {
     direction: "column",
     height: "100%"
-  }, /*#__PURE__*/React$1.createElement(HeaderContainer, null, header), /*#__PURE__*/React$1.createElement(ContentContainer, null, children));
+  }, /*#__PURE__*/React.createElement(HeaderContainer, null, header), /*#__PURE__*/React.createElement(ContentContainer, null, children));
 }
 var templateObject_1$3$1, templateObject_2$2$1;
 var SingleChildBadge = styled.div(templateObject_1$2$2 || (templateObject_1$2$2 = __makeTemplateObject$1(["\n  font-size: var(--font-size-1);\n  background-color: var(--color-surface);\n  color: var(--gray-12);\n  padding-left: var(--space-2);\n  padding-right: var(--space-2);\n  height: var(--space-5);\n\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  border: 1px solid var(--gray-5);\n"], ["\n  font-size: var(--font-size-1);\n  background-color: var(--color-surface);\n  color: var(--gray-12);\n  padding-left: var(--space-2);\n  padding-right: var(--space-2);\n  height: var(--space-5);\n\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  border: 1px solid var(--gray-5);\n"])));
@@ -693,32 +693,32 @@ function makeDirSection(config) {
     var _c = useState(((_b = childNodes[0]) === null || _b === void 0 ? void 0 : _b.id) || null),
       tabId = _c[0],
       setTabId = _c[1];
-    return /*#__PURE__*/React$1.createElement(NavSection, {
-      header: /*#__PURE__*/React$1.createElement(Flex, {
+    return /*#__PURE__*/React.createElement(NavSection, {
+      header: /*#__PURE__*/React.createElement(Flex, {
         direction: "row",
         alignItems: "center",
         justifyContent: "space-between",
         gap: "10px"
-      }, /*#__PURE__*/React$1.createElement(Heading, {
+      }, /*#__PURE__*/React.createElement(Heading, {
         as: "h2",
         size: "5",
         style: {
           // maxWidth: '60%',
           color: 'var(--accent-9)'
         }
-      }, /*#__PURE__*/React$1.createElement(TextEllipsis, {
+      }, /*#__PURE__*/React.createElement(TextEllipsis, {
         maxLines: 2
-      }, node.label)), childNodes.length === 1 ? (/*#__PURE__*/React$1.createElement(SingleChildBadge, null, childNodes[0].label)) : (/*#__PURE__*/React$1.createElement(Select.Root, {
+      }, node.label)), childNodes.length === 1 ? (/*#__PURE__*/React.createElement(SingleChildBadge, null, childNodes[0].label)) : (/*#__PURE__*/React.createElement(Select.Root, {
         size: "1",
         value: tabId,
         onValueChange: setTabId
-      }, /*#__PURE__*/React$1.createElement(Select.Trigger, null), /*#__PURE__*/React$1.createElement(Select.Content, null, childNodes.map(function (childNode) {
-        return /*#__PURE__*/React$1.createElement(Select.Item, {
+      }, /*#__PURE__*/React.createElement(Select.Trigger, null), /*#__PURE__*/React.createElement(Select.Content, null, childNodes.map(function (childNode) {
+        return /*#__PURE__*/React.createElement(Select.Item, {
           key: "".concat(node.id, "_").concat(childNode.id),
           value: childNode.id
         }, childNode.label);
       })))))
-    }, /*#__PURE__*/React$1.createElement(DirTree, {
+    }, /*#__PURE__*/React.createElement(DirTree, {
       tree: tree,
       rootNodeId: tabId
     }));
@@ -762,26 +762,26 @@ function makeSearchSection(config) {
         return nodesById[option.value];
       });
     }, [search, textSearch]);
-    return /*#__PURE__*/React$1.createElement(NavSection, {
-      header: /*#__PURE__*/React$1.createElement(TextInput, {
+    return /*#__PURE__*/React.createElement(NavSection, {
+      header: /*#__PURE__*/React.createElement(TextInput, {
         ref: queryInputRef,
         value: textSearch,
         onSetValue: setTextSearch,
         validate: false,
         placeholder: "Pesquisar indicadores"
       })
-    }, textSearch && (searchResults.length > 0 ? (/*#__PURE__*/React$1.createElement(ItemContainer, null, search(textSearch).map(function (option, index) {
-      return /*#__PURE__*/React$1.createElement(Item$1$1, {
+    }, textSearch && (searchResults.length > 0 ? (/*#__PURE__*/React.createElement(ItemContainer, null, search(textSearch).map(function (option, index) {
+      return /*#__PURE__*/React.createElement(Item$1$1, {
         key: index,
         node: tree.node(option.value),
         depth: 0,
         textSearch: textSearch
       });
-    }))) : (/*#__PURE__*/React$1.createElement(UsageInstructions, null, /*#__PURE__*/React$1.createElement(Flex, {
+    }))) : (/*#__PURE__*/React.createElement(UsageInstructions, null, /*#__PURE__*/React.createElement(Flex, {
       direction: "column",
       gap: "10px",
       alignItems: "center"
-    }, /*#__PURE__*/React$1.createElement("div", null, "N\xE3o h\xE1 resultados correspondentes \xE0 sua busca"), /*#__PURE__*/React$1.createElement(Button, {
+    }, /*#__PURE__*/React.createElement("div", null, "N\xE3o h\xE1 resultados correspondentes \xE0 sua busca"), /*#__PURE__*/React.createElement(Button, {
       size: "1",
       variant: "ghost",
       type: "button",
@@ -790,10 +790,10 @@ function makeSearchSection(config) {
         (_a = queryInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         setTextSearch('');
       }
-    }, "Limpar busca ", /*#__PURE__*/React$1.createElement(Icon, {
+    }, "Limpar busca ", /*#__PURE__*/React.createElement(Icon, {
       path: mdiClose,
       size: "16px"
-    })))))), !textSearch && (/*#__PURE__*/React$1.createElement(UsageInstructions, null, "Pesquise por indicadores digitando termos de interesse, ou navegue pelos temas nas abas \xE0 esquerda.")));
+    })))))), !textSearch && (/*#__PURE__*/React.createElement(UsageInstructions, null, "Pesquise por indicadores digitando termos de interesse, ou navegue pelos temas nas abas \xE0 esquerda.")));
     // return (
     //   <Flex direction="column">
     //   </Flex>
@@ -804,14 +804,14 @@ var templateObject_1$1$2, templateObject_2$1$1;
 var IconTabTrigger = styled(Tabs.Trigger)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$1(["\n  padding: 0;\n  border: none;\n\n  width: var(--dir-nav-tab-button-size);\n  height: var(--dir-nav-tab-button-size);\n  flex-shrink: 0;\n\n  background-color: var(--dir-nav-surface-color);\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease;\n\n  border-bottom: solid 1px var(--gray-7);\n\n  color: var(--accent-9);\n\n  &:hover,\n  &:focus {\n    background-color: var(--accent-5);\n  }\n\n  &[data-state='active'] {\n    background-color: var(--accent-9);\n    color: white;\n    cursor: default;\n  }\n\n  > div {\n    cursor: pointer;\n\n    width: var(--dir-nav-tab-button-size);\n    height: var(--dir-nav-tab-button-size);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      height: calc(0.6 * var(--dir-nav-tab-button-size));\n      width: calc(0.6 * var(--dir-nav-tab-button-size));\n    }\n  }\n"], ["\n  padding: 0;\n  border: none;\n\n  width: var(--dir-nav-tab-button-size);\n  height: var(--dir-nav-tab-button-size);\n  flex-shrink: 0;\n\n  background-color: var(--dir-nav-surface-color);\n\n  transition:\n    color 0.3s ease,\n    background-color 0.3s ease;\n\n  border-bottom: solid 1px var(--gray-7);\n\n  color: var(--accent-9);\n\n  &:hover,\n  &:focus {\n    background-color: var(--accent-5);\n  }\n\n  &[data-state='active'] {\n    background-color: var(--accent-9);\n    color: white;\n    cursor: default;\n  }\n\n  > div {\n    cursor: pointer;\n\n    width: var(--dir-nav-tab-button-size);\n    height: var(--dir-nav-tab-button-size);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    svg {\n      height: calc(0.6 * var(--dir-nav-tab-button-size));\n      width: calc(0.6 * var(--dir-nav-tab-button-size));\n    }\n  }\n"])));
 var TabsRoot = styled(Tabs.Root)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$1(["\n  > * {\n    height: 100%;\n  }\n"], ["\n  > * {\n    height: 100%;\n  }\n"])));
 function defaultGetNodeIcon(node) {
-  return /*#__PURE__*/React$1.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(Icon, {
     path: mdiFolderOutline,
     size: "30px"
   });
 }
 function DefaultEmptySection() {
-  return /*#__PURE__*/React$1.createElement(NavSection, {
-    header: /*#__PURE__*/React$1.createElement("div", null, null)
+  return /*#__PURE__*/React.createElement(NavSection, {
+    header: /*#__PURE__*/React.createElement("div", null, null)
   }, null);
 }
 function makeDirNav(config) {
@@ -849,11 +849,11 @@ function makeDirNav(config) {
         });
       })));
     }, [items]);
-    return /*#__PURE__*/React$1.createElement(DirNavContext.Provider, {
+    return /*#__PURE__*/React.createElement(DirNavContext.Provider, {
       value: {
         onSelectItem: onSelectItem
       }
-    }, /*#__PURE__*/React$1.createElement(TabsRoot, {
+    }, /*#__PURE__*/React.createElement(TabsRoot, {
       orientation: "vertical",
       defaultValue: "_search",
       style: _assign$1(_assign$1({}, style), {
@@ -865,14 +865,14 @@ function makeDirNav(config) {
         '--dir-nav-separator-color': 'var(--accent-5)',
         '--dir-nav-base-padding': '10px'
       })
-    }, /*#__PURE__*/React$1.createElement(Flex, {
+    }, /*#__PURE__*/React.createElement(Flex, {
       direction: "row",
       gap: "0",
       height: "100%",
       width: "100%"
-    }, /*#__PURE__*/React$1.createElement(Tabs.List, {
+    }, /*#__PURE__*/React.createElement(Tabs.List, {
       asChild: true
-    }, /*#__PURE__*/React$1.createElement(Flex, {
+    }, /*#__PURE__*/React.createElement(Flex, {
       direction: "column",
       gap: "0",
       style: {
@@ -882,47 +882,47 @@ function makeDirNav(config) {
         backgroundColor: 'var(--dir-nav-surface-color)'
       },
       width: "var(--dir-nav-tab-button-size)"
-    }, items.length > 0 ? (/*#__PURE__*/React$1.createElement(IconTabTrigger, {
+    }, items.length > 0 ? (/*#__PURE__*/React.createElement(IconTabTrigger, {
       value: "_search",
       style: {
         height: 'var(--dir-nav-section-header-height)'
       }
-    }, /*#__PURE__*/React$1.createElement(Tooltip, {
+    }, /*#__PURE__*/React.createElement(Tooltip, {
       side: "right",
       content: "Busca"
-    }, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Icon, {
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
       path: mdiMagnify
     }))))) : null, tree.rootNodeIds().map(function (id) {
-      return /*#__PURE__*/React$1.createElement(IconTabTrigger, {
+      return /*#__PURE__*/React.createElement(IconTabTrigger, {
         key: id,
         value: id
-      }, /*#__PURE__*/React$1.createElement(Tooltip, {
+      }, /*#__PURE__*/React.createElement(Tooltip, {
         side: "right",
         content: tree.node(id).label
-      }, /*#__PURE__*/React$1.createElement("div", null, getNodeIcon(tree.node(id)) || tree.node(id).label)));
-    }), sideBarBottom)), /*#__PURE__*/React$1.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", null, getNodeIcon(tree.node(id)) || tree.node(id).label)));
+    }), sideBarBottom)), /*#__PURE__*/React.createElement("div", {
       style: {
         height: '100%',
         flexGrow: 1,
         flexShrink: 1
       }
-    }, items.length > 0 ? (/*#__PURE__*/React$1.createElement(Tabs.Content, {
+    }, items.length > 0 ? (/*#__PURE__*/React.createElement(Tabs.Content, {
       value: "_search",
       style: {
         height: '100%',
         width: '100%'
       }
-    }, /*#__PURE__*/React$1.createElement(SearchSection, {
+    }, /*#__PURE__*/React.createElement(SearchSection, {
       tree: tree
-    }))) : (/*#__PURE__*/React$1.createElement(DefaultEmptySection, null)), tree.rootNodeIds().map(function (id) {
-      return /*#__PURE__*/React$1.createElement(Tabs.Content, {
+    }))) : (/*#__PURE__*/React.createElement(DefaultEmptySection, null)), tree.rootNodeIds().map(function (id) {
+      return /*#__PURE__*/React.createElement(Tabs.Content, {
         key: id,
         value: id,
         style: {
           height: '100%',
           width: '100%'
         }
-      }, /*#__PURE__*/React$1.createElement(DirSection, {
+      }, /*#__PURE__*/React.createElement(DirSection, {
         node: tree.node(id),
         tree: tree
       }));
@@ -1632,7 +1632,7 @@ function SharePanel(_ref) {
   //   throwOnError: process.env.NODE_ENV !== 'production',
   // })
 
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Dialog.Title, null, "Compartilhar"), /*#__PURE__*/React$1.createElement(Flex, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog.Title, null, "Compartilhar"), /*#__PURE__*/React.createElement(Flex, {
     direction: "row",
     gap: "4"
   }, "ShareButtonBar"));
@@ -2230,21 +2230,21 @@ var LayeredMap = /*#__PURE__*/forwardRef(function LayeredMapInner(_a, layeredMap
       getSrcLayer: getSrcLayer.bind(null, parsed)
     };
   }, [mapRef.current, parsed]);
-  return /*#__PURE__*/React$1.createElement(Map, __assign({
+  return /*#__PURE__*/React.createElement(Map, __assign({
     ref: mapRef,
     interactiveLayerIds: __spreadArray$2(__spreadArray$2([], interactiveLayerIdsInput, true), parsed.interactiveLayerIds, true)
   }, mapProps, evtHandlers), children, parsed.sources.map(function (_a) {
     var id = _a.id;
     _a.viewId;
     var source = __rest$2(_a, ["id", "viewId"]);
-    return /*#__PURE__*/React$1.createElement(Source, __assign({
+    return /*#__PURE__*/React.createElement(Source, __assign({
       key: id,
       id: id
     }, source));
   }), parsed.layers.map(function (_a) {
     var id = _a.id,
       layer = __rest$2(_a, ["id"]);
-    return /*#__PURE__*/React$1.createElement(Layer, __assign({
+    return /*#__PURE__*/React.createElement(Layer, __assign({
       key: id,
       id: id
     }, layer));
@@ -2258,15 +2258,15 @@ function DataSection(_a) {
   var title = _a.title,
     entries = _a.entries,
     props = __rest$2(_a, ["title", "entries"]);
-  return entries.length > 0 && (/*#__PURE__*/React$1.createElement(DataSectionContainer, __assign({
+  return entries.length > 0 && (/*#__PURE__*/React.createElement(DataSectionContainer, __assign({
     direction: "column",
     gap: "10px"
-  }, props), title && /*#__PURE__*/React$1.createElement(DataSectionHeading, null, title), /*#__PURE__*/React$1.createElement(EntriesList, null, entries.map(function (_a, index) {
+  }, props), title && /*#__PURE__*/React.createElement(DataSectionHeading, null, title), /*#__PURE__*/React.createElement(EntriesList, null, entries.map(function (_a, index) {
     var label = _a[0],
       value = _a[1];
-    return /*#__PURE__*/React$1.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       key: index
-    }, typeof label === 'string' ? /*#__PURE__*/React$1.createElement("span", null, label, ": ") : label, typeof value === 'string' ? (/*#__PURE__*/React$1.createElement("span", {
+    }, typeof label === 'string' ? /*#__PURE__*/React.createElement("span", null, label, ": ") : label, typeof value === 'string' ? (/*#__PURE__*/React.createElement("span", {
       style: {
         fontWeight: 'bold'
       }
@@ -2279,17 +2279,17 @@ function HoverTooltip(_a) {
     dataSections = _a.dataSections,
     _b = _a.style,
     style = _b === void 0 ? {} : _b;
-  return /*#__PURE__*/React$1.createElement(Container$1, {
+  return /*#__PURE__*/React.createElement(Container$1, {
     style: __assign({
       left: position[0] + 15,
       top: position[1] - 20
     }, style)
-  }, Array.isArray(dataSections) && dataSections.length > 0 && (/*#__PURE__*/React$1.createElement(Flex, {
+  }, Array.isArray(dataSections) && dataSections.length > 0 && (/*#__PURE__*/React.createElement(Flex, {
     direction: "column"
   }, dataSections.map(function (section, index) {
-    return /*#__PURE__*/React$1.createElement(React$1.Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
-    }, /*#__PURE__*/React$1.createElement(DataSection, __assign({}, section)), index === dataSections.length - 1 ? null : (/*#__PURE__*/React$1.createElement("div", {
+    }, /*#__PURE__*/React.createElement(DataSection, __assign({}, section)), index === dataSections.length - 1 ? null : (/*#__PURE__*/React.createElement("div", {
       style: {
         width: '100%',
         margin: 0,
@@ -2406,7 +2406,7 @@ var MapWindow = /*#__PURE__*/forwardRef(function MapWindowInner(_a, externalRef)
       externalOnLoad(e);
     }
   }, [setCenterOffsetPixels, setMapReady]);
-  return /*#__PURE__*/React$1.createElement(Map, __assign({
+  return /*#__PURE__*/React.createElement(Map, __assign({
     attributionControl: false
   }, mapProps, {
     onLoad: _onLoad,
@@ -2479,14 +2479,14 @@ function makeSyncedMaps(_a) {
         mapInstances: mapInstanceRefs
       };
     }, [mapInstanceRefs]);
-    return /*#__PURE__*/React$1.createElement(Flex, {
+    return /*#__PURE__*/React.createElement(Flex, {
       ref: containerRef,
       direction: "row",
       style: __assign({
         position: 'relative'
       }, style || {})
     }, maps.map(function (mapProps, index) {
-      return /*#__PURE__*/React$1.createElement(SingleMapContainer, {
+      return /*#__PURE__*/React.createElement(SingleMapContainer, {
         key: mapProps.id || index,
         style: {
           position: 'absolute',
@@ -2495,14 +2495,14 @@ function makeSyncedMaps(_a) {
           left: "calc(".concat(index, " * (100% / ").concat(maps.length, "))"),
           width: "calc(100% / ".concat(maps.length, ")")
         }
-      }, !isDragging && hoverInfo && hoverInfo.index !== index ? (/*#__PURE__*/React$1.createElement(GhostCursor, {
+      }, !isDragging && hoverInfo && hoverInfo.index !== index ? (/*#__PURE__*/React.createElement(GhostCursor, {
         style: {
           position: 'absolute',
           left: hoverInfo.point[0],
           top: hoverInfo.point[1],
           zIndex: 2
         }
-      })) : null, !isDragging && Array.isArray(tooltips) && tooltips[index], /*#__PURE__*/React$1.createElement(MapComponent, __assign({
+      })) : null, !isDragging && Array.isArray(tooltips) && tooltips[index], /*#__PURE__*/React.createElement(MapComponent, __assign({
         ref: setMapInstanceRef(index),
         cursor: isDragging ? 'grabbing' : 'default'
       }, baseMapProps, mapProps, viewState || {}, {
@@ -2608,15 +2608,15 @@ function LegendLayout(_a) {
     _b = _a.direction,
     direction = _b === void 0 ? 'column' : _b,
     props = __rest(_a, ["title", "unit", "children", "direction"]);
-  return /*#__PURE__*/React$1.createElement(Flex, _assign({
+  return /*#__PURE__*/React.createElement(Flex, _assign({
     direction: direction,
     gap: "10px",
     maxWidth: "300px"
-  }, props), (title || unit) && (/*#__PURE__*/React$1.createElement("div", {
+  }, props), (title || unit) && (/*#__PURE__*/React.createElement("div", {
     style: {
       maxWidth: direction === 'row' ? '50%' : 'none'
     }
-  }, title && /*#__PURE__*/React$1.createElement(LegendTitle, null, title), unit && /*#__PURE__*/React$1.createElement(LegendUnit, null, "(", unit, ")"))), /*#__PURE__*/React$1.createElement(Flex, {
+  }, title && /*#__PURE__*/React.createElement(LegendTitle, null, title), unit && /*#__PURE__*/React.createElement(LegendUnit, null, "(", unit, ")"))), /*#__PURE__*/React.createElement(Flex, {
     direction: "column",
     justifyContent: "center",
     style: {
@@ -2642,11 +2642,11 @@ function ColorLegendItems(_a) {
     _b = _a.size,
     size = _b === void 0 ? '2' : _b,
     props = __rest(_a, ["items", "size"]);
-  return /*#__PURE__*/React$1.createElement(Flex, _assign({
+  return /*#__PURE__*/React.createElement(Flex, _assign({
     direction: "column",
     gap: "2px"
   }, props), items.map(function (item, index) {
-    return /*#__PURE__*/React$1.createElement(Flex, {
+    return /*#__PURE__*/React.createElement(Flex, {
       key: item.id || index,
       direction: "row",
       alignItems: "center",
@@ -2654,11 +2654,11 @@ function ColorLegendItems(_a) {
       style: _assign(_assign({}, STYLES_BY_SIZE[size]), {
         '--background-color': item.color
       })
-    }, /*#__PURE__*/React$1.createElement(ColorDisplay, {
+    }, /*#__PURE__*/React.createElement(ColorDisplay, {
       style: {
         border: item.color === 'transparent' ? '1px dotted #555555' : '1px solid var(--background-color)'
       }
-    }), /*#__PURE__*/React$1.createElement(ItemLabel, null, item.label));
+    }), /*#__PURE__*/React.createElement(ItemLabel, null, item.label));
   }));
 }
 function ColorLegend(_a) {
@@ -2667,10 +2667,10 @@ function ColorLegend(_a) {
     items = _a.items,
     size = _a.size,
     props = __rest(_a, ["title", "unit", "items", "size"]);
-  return /*#__PURE__*/React$1.createElement(LegendLayout, _assign({
+  return /*#__PURE__*/React.createElement(LegendLayout, _assign({
     title: title,
     unit: unit
-  }, props), /*#__PURE__*/React$1.createElement(ColorLegendItems, {
+  }, props), /*#__PURE__*/React.createElement(ColorLegendItems, {
     items: items,
     size: size
   }));
@@ -2722,7 +2722,7 @@ function SequentialColorLegend(_a) {
   var items = useMemo(function () {
     return parseStepsToItems(steps, format);
   }, [steps]);
-  return /*#__PURE__*/React$1.createElement(ColorLegend, _assign({
+  return /*#__PURE__*/React.createElement(ColorLegend, _assign({
     items: items
   }, props));
 }
@@ -2736,7 +2736,7 @@ function ThresholdColorLegend(_a) {
       return index === all.length - 1 ? _assign(_assign({}, item), {
         label: null
       }) : _assign(_assign({}, item), {
-        label: (/*#__PURE__*/React$1.createElement("div", {
+        label: (/*#__PURE__*/React.createElement("div", {
           style: {
             transform: 'translateY(calc(50% + 1px))'
             // background: 'steelblue',
@@ -2745,7 +2745,7 @@ function ThresholdColorLegend(_a) {
       });
     });
   }, [steps]);
-  return /*#__PURE__*/React$1.createElement(ColorLegend, _assign({
+  return /*#__PURE__*/React.createElement(ColorLegend, _assign({
     items: items
   }, props));
 }
@@ -2763,9 +2763,9 @@ var CircleLabel = styled.div(templateObject_4 || (templateObject_4 = __makeTempl
 function Circle(_a) {
   var style = _a.style,
     label = _a.label;
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: style
-  }, /*#__PURE__*/React$1.createElement(CircleSymbol, null), /*#__PURE__*/React$1.createElement(CircleLabel, null, label));
+  }, /*#__PURE__*/React.createElement(CircleSymbol, null), /*#__PURE__*/React.createElement(CircleLabel, null, label));
 }
 var DEFAULT_SIZE_MAX = 60;
 var DEFAULT_SIZE_MIN = 15;
@@ -2804,18 +2804,18 @@ function ProportionalSymbolLegendItems(_a) {
       };
     });
   }, [steps, formatNumber, valueScale, sizeScale]);
-  return /*#__PURE__*/React$1.createElement(Container, {
+  return /*#__PURE__*/React.createElement(Container, {
     style: {
       '--proportional-symbol-legend-label-width': "".concat(labelWidth, "px")
     }
-  }, /*#__PURE__*/React$1.createElement(PositionContainer, {
+  }, /*#__PURE__*/React.createElement(PositionContainer, {
     style: {
       '--proportional-symbol-legend-max-size': "".concat(sizeMax, "px"),
       width: sizeMax,
       height: sizeMax
     }
   }, items.map(function (item) {
-    return /*#__PURE__*/React$1.createElement(Circle, {
+    return /*#__PURE__*/React.createElement(Circle, {
       key: item.value,
       style: {
         '--proportional-symbol-legend-item-size': "".concat(item.size, "px")
@@ -2831,13 +2831,13 @@ function ProportionalSymbolLegend(_a) {
     maxWidth = _a.maxWidth,
     maxHeight = _a.maxHeight,
     props = __rest(_a, ["title", "unit", "style", "maxWidth", "maxHeight"]);
-  return /*#__PURE__*/React$1.createElement(LegendLayout, {
+  return /*#__PURE__*/React.createElement(LegendLayout, {
     title: title,
     unit: unit,
     style: style,
     maxWidth: maxWidth,
     maxHeight: maxHeight
-  }, /*#__PURE__*/React$1.createElement(ProportionalSymbolLegendItems, _assign({}, props)));
+  }, /*#__PURE__*/React.createElement(ProportionalSymbolLegendItems, _assign({}, props)));
 }
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 var LEGENDS = {
@@ -2853,7 +2853,7 @@ function Legend(_a) {
   if (!Component) {
     throw new Error("Unrecognized legend type ".concat(type));
   }
-  return /*#__PURE__*/React$1.createElement(Component, _assign({}, props));
+  return /*#__PURE__*/React.createElement(Component, _assign({}, props));
 }
 
 var worker = typeof Worker !== 'undefined' && new Worker(new URL('./GeoReDUSWorker.worker.js', import.meta.url), {

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@redus/georedus-ui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "packageManager": "yarn@4.0.2",
   "type": "module",
-  "main": "dist/main.mjs",
+  "main": "dist/main.js",
   "types": "dist/index.d.ts",
   "exports": {
-    ".": "./dist/main.mjs",
+    ".": "./dist/main.js",
     "./*": "./dist/*"
   },
   "files": [
@@ -55,7 +55,7 @@
     "lodash": "^4.17.21",
     "maplibre-gl": "^5.1.0",
     "query-string": "^9.1.1",
-    "react": "^18.2.0",
+    "react": "^18",
     "react-highlight-words": "^0.21.0",
     "react-map-gl": "^8.0.0",
     "react-use": "^17.5.0",