@redus/georedus-ui 0.14.1 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @orioro/template-react
 
+## 0.16.0
+
+### Minor Changes
+
+- expose leftPanel props
+
+## 0.15.0
+
+### Minor Changes
+
+- expose SyncedMaps mouse event handlers and add svgImages to GeoReDUS
+
+### Patch Changes
+
+- Updated dependencies
+  - @orioro/react-maplibre-util@0.7.0
+  - @orioro/react-chart-util@0.3.0
+
 ## 0.14.0
 
 ### Minor Changes

package/dist/LeftPanel/LeftPanel.d.ts

@@ -1,4 +1,5 @@
-export function LeftPanel({ viewConfState, viewConfDispatch, viewSpecs, resolvedViews, open, onSetOpen, syncedMapsRef, mapContainerRef, }: {
+export const LeftPanel: React.MemoExoticComponent<typeof LeftPanelInner>;
+declare function LeftPanelInner({ viewConfState, viewConfDispatch, viewSpecs, resolvedViews, open, onSetOpen, syncedMapsRef, mapContainerRef, header: customHeader, footer: customFooter, }: {
     viewConfState: any;
     viewConfDispatch: any;
     viewSpecs: any;
@@ -7,5 +8,8 @@ export function LeftPanel({ viewConfState, viewConfDispatch, viewSpecs, resolved
     onSetOpen: any;
     syncedMapsRef: any;
     mapContainerRef: any;
+    header?: undefined;
+    footer?: undefined;
 }): React.JSX.Element;
 import React from 'react';
+export {};

package/dist/main.js

@@ -15,8 +15,8 @@ import { buffer } from '@turf/turf';
 import { scaleQuantile } from 'd3-scale';
 import { csvParse } from 'd3-dsv';
 import { strAutoCast } from '@orioro/cast';
-import { fmtLayerAbsoluteId, waves_1, svgImageGenerator, SVG_PATTERNS, makeSyncedMaps, LayeredMap, useMapRegistry, useTilesLoading, HoverTooltip, layeredMapOnClickHandler, DynamicImages, ControlContainer, InspectControl, MapWindow, TerrainControl, fitGeometry } from '@orioro/react-maplibre-util';
-import React$1, { useState, useMemo, useCallback, useContext, createContext, useReducer, useEffect, useRef } from 'react';
+import { fmtLayerAbsoluteId, waves_1, makeSyncedMaps, LayeredMap, svgImageGenerator, SVG_PATTERNS, useMapRegistry, useTilesLoading, HoverTooltip, layeredMapOnClickHandler, DynamicImages, ControlContainer, InspectControl, MapWindow, TerrainControl, fitGeometry } from '@orioro/react-maplibre-util';
+import React$1, { useState, useMemo, useCallback, useContext, createContext, memo, useReducer, useEffect, useRef } from 'react';
 import styled, { keyframes } from 'styled-components';
 import { colord } from 'colord';
 import { Heading, Portal, Badge, Tabs, Tooltip, IconButton, Theme, Text, Popover, Dialog } from '@radix-ui/themes';
@@ -8646,7 +8646,7 @@ var OPEN_WIDTH = {
 var CLOSED_WIDTH = '60px';
 var HEADER_HEIGHT = 60;
 var LogoContainer = styled(Flex)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  height: 100%;\n\n  svg {\n    height: 100%;\n    width: auto;\n  }\n"])));
-function LeftPanel(_ref) {
+function LeftPanelInner(_ref) {
   var viewConfState = _ref.viewConfState,
     viewConfDispatch = _ref.viewConfDispatch,
     viewSpecs = _ref.viewSpecs,
@@ -8654,8 +8654,52 @@ function LeftPanel(_ref) {
     open = _ref.open,
     onSetOpen = _ref.onSetOpen,
     syncedMapsRef = _ref.syncedMapsRef,
-    mapContainerRef = _ref.mapContainerRef;
+    mapContainerRef = _ref.mapContainerRef,
+    _ref$header = _ref.header,
+    customHeader = _ref$header === void 0 ? undefined : _ref$header,
+    _ref$footer = _ref.footer,
+    customFooter = _ref$footer === void 0 ? undefined : _ref$footer;
   var dialogs = useDialogs();
+  var header = typeof customHeader !== 'undefined' ? customHeader : /*#__PURE__*/React$1.createElement(Flex, {
+    px: "12px",
+    py: "10px",
+    height: HEADER_HEIGHT,
+    alignItems: "center",
+    direction: "row",
+    style: {
+      backgroundColor: 'var(--accent-9)',
+      whiteSpace: 'nowrap',
+      flexShrink: 0,
+      flexGrow: 0
+    }
+  }, /*#__PURE__*/React$1.createElement(LogoContainer, {
+    direction: "row",
+    gap: "8px"
+  }, /*#__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$1.createElement(GeoReDUSLogoText, null))));
+  var footer = typeof customFooter !== 'undefined' ? customFooter : /*#__PURE__*/React$1.createElement(Flex, {
+    p: "2",
+    style: {
+      backgroundColor: 'white'
+    },
+    direction: "row",
+    justifyContent: "center"
+  }, /*#__PURE__*/React$1.createElement("img", {
+    style: {
+      transition: 'opacity .1s ease-out',
+      opacity: open ? 1 : 0,
+      height: 48,
+      width: 'auto'
+
+      // height: 'auto',
+      // width: '100%',
+    },
+    src: "/georedus/assets/parcerias.png"
+  }));
   return /*#__PURE__*/React$1.createElement("div", {
     style: {
       position: 'fixed',
@@ -8727,27 +8771,7 @@ function LeftPanel(_ref) {
     onClick: function onClick(e) {
       return onSetOpen(true);
     }
-  }, /*#__PURE__*/React$1.createElement(Flex, {
-    px: "12px",
-    py: "10px",
-    height: HEADER_HEIGHT,
-    alignItems: "center",
-    direction: "row",
-    style: {
-      backgroundColor: 'var(--accent-9)',
-      whiteSpace: 'nowrap',
-      flexShrink: 0,
-      flexGrow: 0
-    }
-  }, /*#__PURE__*/React$1.createElement(LogoContainer, {
-    direction: "row",
-    gap: "8px"
-  }, /*#__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$1.createElement(GeoReDUSLogoText, null)))), Array.isArray(viewSpecs) ? /*#__PURE__*/React$1.createElement(ViewMenu, {
+  }, header, Array.isArray(viewSpecs) ? /*#__PURE__*/React$1.createElement(ViewMenu, {
     style: {
       flexGrow: 1,
       height: '1px'
@@ -8831,26 +8855,9 @@ function LeftPanel(_ref) {
     }
   }, /*#__PURE__*/React$1.createElement(LoadingOverlay, {
     message: null
-  })), /*#__PURE__*/React$1.createElement(Flex, {
-    p: "2",
-    style: {
-      backgroundColor: 'white'
-    },
-    direction: "row",
-    justifyContent: "center"
-  }, /*#__PURE__*/React$1.createElement("img", {
-    style: {
-      transition: 'opacity .1s ease-out',
-      opacity: open ? 1 : 0,
-      height: 48,
-      width: 'auto'
-
-      // height: 'auto',
-      // width: '100%',
-    },
-    src: "/georedus/assets/parcerias.png"
-  }))));
+  })), footer));
 }
+var LeftPanel = /*#__PURE__*/memo(LeftPanelInner);
 
 var ViewLayoutControlContext = /*#__PURE__*/createContext(null);
 var DRAG_HANDLE_BORDER_RADIUS = 10;
@@ -11100,15 +11107,6 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 // Sets up vtx:// protocol
 //
 vtxSetup();
-var MAP_SVG_IMAGE_GENERATOR = svgImageGenerator(_objectSpread2({
-  mdiTree: mdiTree,
-  mdiSprout: mdiSprout,
-  mdiCurrencyUsd: mdiCurrencyUsd,
-  mdiScaleBalance: mdiScaleBalance,
-  mdiAccountMultipleOutline: mdiAccountMultipleOutline,
-  mdiSchool: mdiSchool,
-  mdiHospital: mdiHospital
-}, SVG_PATTERNS));
 var LegendContainer = styled(Flex)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-shadow:\n    rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,\n    rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;\n  background-color: white;\n  border-radius: 4px;\n"])));
 
 //
@@ -11293,6 +11291,9 @@ function HoverLegend(_ref) {
   }, []);
   return /*#__PURE__*/React$1.createElement(Legend, _extends({}, legendProps, legendProps.type === 'SequentialColorLegend' ? SEQUENTIAL_COLOR_LEGEND_PROPS : {}));
 }
+var DEFAULT_MAP_PROPS = {};
+var DEFAULT_SVG_IMAGES = {};
+var DEFAULT_LEFT_PANEL_PROPS = {};
 function GeoReDUSInner(_ref2) {
   var globalState = _ref2.state,
     onSetGlobalState = _ref2.onSetState,
@@ -11301,7 +11302,22 @@ function GeoReDUSInner(_ref2) {
     _ref2$children = _ref2.children,
     children = _ref2$children === void 0 ? null : _ref2$children,
     _ref2$mapProps = _ref2.mapProps,
-    mapProps = _ref2$mapProps === void 0 ? {} : _ref2$mapProps;
+    mapProps = _ref2$mapProps === void 0 ? DEFAULT_MAP_PROPS : _ref2$mapProps,
+    _ref2$svgImages = _ref2.svgImages,
+    svgImages = _ref2$svgImages === void 0 ? DEFAULT_SVG_IMAGES : _ref2$svgImages,
+    _ref2$leftPanel = _ref2.leftPanel,
+    leftPanelProps = _ref2$leftPanel === void 0 ? DEFAULT_LEFT_PANEL_PROPS : _ref2$leftPanel;
+  var MAP_SVG_IMAGE_GENERATOR = useMemo(function () {
+    return svgImageGenerator(_objectSpread2(_objectSpread2({
+      mdiTree: mdiTree,
+      mdiSprout: mdiSprout,
+      mdiCurrencyUsd: mdiCurrencyUsd,
+      mdiScaleBalance: mdiScaleBalance,
+      mdiAccountMultipleOutline: mdiAccountMultipleOutline,
+      mdiSchool: mdiSchool,
+      mdiHospital: mdiHospital
+    }, SVG_PATTERNS), svgImages));
+  }, [svgImages]);
   var METADATA_API_ENDPOINT = api.METADATA_API_ENDPOINT,
     VECTOR_TILE_SERVER_ENDPOINT = api.VECTOR_TILE_SERVER_ENDPOINT;
 
@@ -11650,7 +11666,7 @@ function GeoReDUSInner(_ref2) {
       }
     });
   }, []);
-  return /*#__PURE__*/React$1.createElement(Flex, null, /*#__PURE__*/React$1.createElement(LeftPanel, {
+  return /*#__PURE__*/React$1.createElement(Flex, null, /*#__PURE__*/React$1.createElement(LeftPanel, _extends({
     open: leftPanelOpen,
     onSetOpen: setLeftPanelOpen,
     viewSpecs: resolvedViewSpecs,
@@ -11658,7 +11674,7 @@ function GeoReDUSInner(_ref2) {
     viewConfDispatch: viewConfDispatch,
     resolvedViews: resolvedViews,
     syncedMapsRef: syncedMapsRef
-  }), /*#__PURE__*/React$1.createElement(Flex, {
+  }, leftPanelProps)), /*#__PURE__*/React$1.createElement(Flex, {
     style: {
       position: 'fixed',
       zIndex: 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redus/georedus-ui",
-  "version": "0.14.1",
+  "version": "0.16.0",
   "packageManager": "yarn@4.0.2",
   "type": "module",
   "main": "dist/main.js",
@@ -55,7 +55,7 @@
     "@orioro/react-csv": "^0.0.11",
     "@orioro/react-dialogs": "^0.0.10",
     "@orioro/react-dir-nav": "^0.2.0",
-    "@orioro/react-maplibre-util": "^0.6.0",
+    "@orioro/react-maplibre-util": "^0.7.0",
     "@orioro/react-sortable": "^0.0.10",
     "@orioro/react-ui-core": "^0.0.14",
     "@orioro/resolve": "^0.1.9",