@redus/georedus-ui 0.16.0 → 0.19.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @orioro/template-react
 
+## 0.19.0
+
+### Minor Changes
+
+- add source variables to view and download
+
+## 0.18.0
+
+### Minor Changes
+
+- integrate maceio data + source variable features
+
+## 0.17.0
+
+### Minor Changes
+
+- expose leftPanel.categoryIcons
+
 ## 0.16.0
 
 ### Minor Changes

package/dist/LeftPanel/LeftPanel.d.ts

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

package/dist/ViewMenu/ViewMenu.d.ts

@@ -1,4 +1,4 @@
-export function ViewMenu({ viewSpecs, viewConfState, resolvedViews, onSetView, onDeactivateView, style, ...props }: {
+export function ViewMenu({ viewSpecs, viewConfState, resolvedViews, onSetView, onDeactivateView, style, categoryIcons, ...props }: {
     [x: string]: any;
     viewSpecs: any;
     viewConfState: any;
@@ -6,5 +6,13 @@ export function ViewMenu({ viewSpecs, viewConfState, resolvedViews, onSetView, o
     onSetView: any;
     onDeactivateView: any;
     style: any;
+    categoryIcons?: {
+        'populacao-e-domicilios': React.JSX.Element;
+        educacao: React.JSX.Element;
+        'infraestrutura-e-servicos-urbanos': React.JSX.Element;
+        saude: React.JSX.Element;
+        'emergencias-climaticas': React.JSX.Element;
+        'divisoes-territoriais': React.JSX.Element;
+    } | undefined;
 }): React.JSX.Element;
 import React from 'react';

package/dist/main.js

@@ -1,5 +1,5 @@
 import { get, isPlainObject, pick, omit, set, uniqBy, groupBy, uniq } from 'lodash';
-import { slugify, dataJoin } from '@orioro/util';
+import { slugify, dataJoin, interpolate } from '@orioro/util';
 import { makeResolve, $$literal, withExpressionResolvers, expressions, ALL_EXPR, fetchExpr, resolve, resolveAsync } from '@orioro/resolve';
 import { __assign, __spreadArray, __awaiter, __generator, __makeTemplateObject } from 'tslib';
 import { schemeTableau10, schemeSet3, schemeSet2, schemeSet1, schemePastel2, schemePastel1, schemePaired, schemeObservable10, schemeDark2, schemeAccent, schemeCategory10, schemeSpectral, schemeRdYlGn, schemeRdYlBu, schemeRdGy, schemeRdBu, schemePuOr, schemePiYG, schemePRGn, schemeBrBG, schemeYlOrRd, schemeYlOrBr, schemeYlGn, schemeYlGnBu, schemeRdPu, schemePuRd, schemePuBu, schemePuBuGn, schemeOrRd, schemeGnBu, schemeBuPu, schemeBuGn, schemeReds, schemePurples, schemeOranges, schemeGreys, schemeGreens, schemeBlues, interpolateSpectral } from 'd3-scale-chromatic';
@@ -13,9 +13,9 @@ import maplibregl from 'maplibre-gl';
 import { get as get$1 } from '@orioro/get';
 import { buffer } from '@turf/turf';
 import { scaleQuantile } from 'd3-scale';
+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 { csvParse } from 'd3-dsv';
 import { strAutoCast } from '@orioro/cast';
-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';
@@ -3631,12 +3631,12 @@ function influenceAreaLayers(_a) {
   };
 }
 
-var _excluded$5 = ["version"];
+var _excluded$8 = ["version"];
 function tableVectorSource(context, tableId) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
     _ref$version = _ref.version,
     version = _ref$version === void 0 ? '1' : _ref$version,
-    override = _objectWithoutProperties(_ref, _excluded$5);
+    override = _objectWithoutProperties(_ref, _excluded$8);
   var VECTOR_TILE_SERVER_ENDPOINT = context.VECTOR_TILE_SERVER_ENDPOINT;
   return _objectSpread2({
     type: 'vector',
@@ -4850,7 +4850,7 @@ function setor_censitario(viewSpec, allViewSpecs, context, _ref) {
   };
 }
 
-function download(viewSpec, allViewSpecs, context, _ref) {
+function download$1(viewSpec, allViewSpecs, context, _ref) {
   var PARSED_SCHEMA = _ref.PARSED_SCHEMA;
   var METADATA_API_ENDPOINT = context.METADATA_API_ENDPOINT;
   return downloadResolver({
@@ -4920,7 +4920,7 @@ function cem_censo_2010_2022(viewSpec, allViewSpecs, context) {
     PARSED_SCHEMA: PARSED_SCHEMA,
     DATA_UTIL: DATA_UTIL
   });
-  var DOWNLOAD = download(viewSpec, allViewSpecs, context, {
+  var DOWNLOAD = download$1(viewSpec, allViewSpecs, context, {
     PARSED_SCHEMA: PARSED_SCHEMA
   });
   return {
@@ -4953,6 +4953,62 @@ function cem_censo_2010_2022(viewSpec, allViewSpecs, context) {
   };
 }
 
+function download(context) {
+  var METADATA_API_ENDPOINT = context.METADATA_API_ENDPOINT;
+  return downloadResolver({
+    fileNameBase: ['$template', '${0}_${1}_georedus_censo_${2}', [['$get', 'view.conf.data.variableId'], ['$get', 'municipioId'], '2022']],
+    mainVariableId: ['$get', 'view.conf.data.variableId'],
+    availableVariableIds: [],
+    fetchData: resolve.fn(function (ctx) {
+      return /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+          var options, variableId, dataUrl, data, geometriesUrl, geometries;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _ref.variableIds, options = _ref.options;
+                variableId = ctx.view.conf.data.variableId;
+                dataUrl = "".concat(METADATA_API_ENDPOINT, "/cem_censo_2022_pessoas?") + "cd_mun=eq.".concat(ctx.app.municipioId, "&") + "select=id,".concat(variableId, ",").concat(variableId, "_src");
+                _context.next = 5;
+                return fetch(dataUrl).then(function (res) {
+                  return res.json();
+                });
+              case 5:
+                data = _context.sent.map(function (entry) {
+                  var newEntry = _objectSpread2(_objectSpread2({}, entry), entry["".concat(variableId, "_src")]);
+                  delete newEntry["".concat(variableId, "_src")];
+                  return newEntry;
+                });
+                if (!(options.format === 'CSV')) {
+                  _context.next = 8;
+                  break;
+                }
+                return _context.abrupt("return", data);
+              case 8:
+                geometriesUrl = "".concat(METADATA_API_ENDPOINT, "/ibge_malha_br_setor_censitario_2022?") + "cd_mun=eq.".concat(ctx.app.municipioId, "&") + "select=id,geom";
+                _context.next = 11;
+                return fetch(geometriesUrl).then(function (res) {
+                  return res.json();
+                });
+              case 11:
+                geometries = _context.sent;
+                return _context.abrupt("return", dataJoin([geometries, data], {
+                  key: 'id'
+                }));
+              case 13:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+    })
+  });
+}
+
 var CHOROPLETH_MODULE_ID = 'choropleth';
 var INSUFFICIENT_DATA_COLOR = 'red';
 
@@ -5446,56 +5502,45 @@ function setor_censitario_layers(opts) {
     legends: setor_censitario_legends(opts),
     tooltip: {
       title: ['$literal', ['$template', 'Setor censitário ${0}', ['$get', 'feature.properties.id']]],
-      entries: [[['$get', ['$get', 'view.conf.data.variableId'], ['$get', 'view.metadata.labels']], ['$literal', resolve.fn(function (context) {
+      entries: ['$literal', resolve.fn(function (context) {
         var variableId = get$1(context, 'view.conf.data.variableId');
+        var variableLabel = get$1(context, "view.metadata.labels.".concat(variableId));
+        var mainValueDisplay;
         if (variableId === 'total_pessoas_por_hectare') {
           try {
             var value_src = JSON.parse(context.feature.properties.value_src);
-            return value_src['bas.v0001'];
+            mainValueDisplay = value_src['bas.v0001'];
           } catch (err) {
             console.error(err);
-            return null;
+            mainValueDisplay = null;
           }
         } else {
-          return ['$fmt', ['$get', 'feature.properties.value'], {
-            number: NUMBER_FMT
-          }];
+          var value = get$1(context, 'feature.properties.value');
+          var isPercentage = variableId.endsWith('_pct');
+          var format = isPercentage ? {
+            style: 'percent'
+          } : {};
+          mainValueDisplay = typeof value === 'number' ? value.toLocaleString('pt-BR', format) : value;
         }
-      })
-
-      //
-      // TODO: refactor
-      // THIS IS THE ACTUAL:
-      //
-      // [
-      //   '$fmt',
-      //   ['$get', 'feature.properties.value'],
-      //   { number: NUMBER_FMT },
-      // ],
-      ]]].concat(_toConsumableArray([
-        // 'v0001',
-        // 'v0002',
-        // 'v0003',
-        // 'v0004',
-        // 'v0005',
-        // 'v0006',
-        // 'v0007',
-      ].map(function (v) {
-        return [v, ['$literal', ['$get', "feature.properties.".concat(v) // [
-        //   '$template',
-        //   'feature.properties.${0}',
-        //   // `::string({ "number": ${JSON.stringify(NUMBER_FMT)} })`,
-        //   ['$get', 'view.conf.data.variableId'],
-        // ],
-        ]]];
-      })), [['Variáveis originais', ['$literal', ['$get', 'feature.properties.value_src'
-      // [
-      //   '$template',
-      //   'feature.properties.${0}',
-      //   // `::string({ "number": ${JSON.stringify(NUMBER_FMT)} })`,
-      //   ['$get', 'view.conf.data.variableId'],
-      // ],
-      ]]]])
+        var originalVariablesUnavailableMessage;
+        var originalVariablesDisplay;
+        try {
+          var _value_src = JSON.parse(context.feature.properties.value_src);
+          originalVariablesUnavailableMessage = ' ';
+          originalVariablesDisplay = Object.entries(_value_src).map(function (_ref6) {
+            var _ref7 = _slicedToArray(_ref6, 2),
+              key = _ref7[0],
+              value = _ref7[1];
+            var formattedValue = typeof value === 'number' ? value.toLocaleString('pt-BR') : value;
+            return ["- ".concat(key), formattedValue];
+          });
+        } catch (err) {
+          console.err(err);
+          originalVariablesUnavailableMessage = 'Dados indisponíveis';
+          originalVariablesDisplay = [['Dados indisponíveis']];
+        }
+        return [[variableLabel, mainValueDisplay], ['Variáveis originais', originalVariablesUnavailableMessage]].concat(_toConsumableArray(originalVariablesDisplay));
+      })]
     },
     filter: _filter,
     // maxzoom: 14,
@@ -5838,8 +5883,7 @@ function cem_censo_2022(viewSpec, allViewSpecs, context) {
   if (!PARSED_SCHEMA) {
     return null;
   }
-  var DOWNLOAD = download(viewSpec, allViewSpecs, context, {
-    PARSED_SCHEMA: PARSED_SCHEMA});
+  var DOWNLOAD = download(context);
   var CHOROPLETH = choropleth({
     GLOBAL_CONTEXT: context,
     PARSED_SCHEMA: PARSED_SCHEMA
@@ -6244,12 +6288,209 @@ function cem_saude_2024(viewSpec, allViewSpecs, context) {
   }));
 }
 
+var _excluded$7 = ["label", "color", "line", "fill", "tiles", "source_layer", "sources", "layers"];
+function _parseTiles$2(tiles, context) {
+  tiles = Array.isArray(tiles) ? tiles : typeof tiles === 'string' ? [tiles] : null;
+  if (!tiles) {
+    throw new Error("tiles is required");
+  }
+  return tiles.map(function (tileSrcUrl) {
+    return interpolate(tileSrcUrl, context);
+  });
+}
+function vector_polygon(_ref, allViewSpecs, context) {
+  var label = _ref.label,
+    color = _ref.color,
+    _ref$line = _ref.line,
+    line = _ref$line === void 0 ? {} : _ref$line,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? {} : _ref$fill,
+    tiles = _ref.tiles,
+    source_layer = _ref.source_layer,
+    _ref$sources = _ref.sources,
+    sources = _ref$sources === void 0 ? {} : _ref$sources,
+    _ref$layers = _ref.layers,
+    layers = _ref$layers === void 0 ? {} : _ref$layers,
+    props = _objectWithoutProperties(_ref, _excluded$7);
+  if (!source_layer) {
+    throw new Error('source_layer must be defined');
+  }
+  return _objectSpread2(_objectSpread2({}, props), {}, {
+    label: label,
+    metadata: {},
+    sources: _objectSpread2({
+      main: {
+        promoteId: 'id',
+        type: 'vector',
+        tiles: _parseTiles$2(tiles, context)
+      }
+    }, sources),
+    layers: _objectSpread2(_defineProperty(_defineProperty({}, "main_line", _objectSpread2(_objectSpread2({
+      zIndex: Z_OVERLAY_BASE_1000,
+      source: 'main',
+      'source-layer': source_layer,
+      type: 'line'
+    }, line), {}, {
+      paint: {
+        'line-color': color
+      }
+    })), "main_fill", _objectSpread2(_objectSpread2({
+      zIndex: Z_OVERLAY_BASE_1000,
+      source: 'main',
+      'source-layer': source_layer,
+      type: 'fill'
+    }, fill), {}, {
+      paint: _objectSpread2({
+        'fill-opacity': 0.5,
+        'fill-color': color
+      }, fill.paint),
+      legends: [{
+        type: 'CategoricalLegend',
+        items: [{
+          color: color,
+          label: label
+        }]
+      }],
+      tooltip: {
+        title: ['$literal', resolve.fn(function (ctx) {
+          var _ctx$feature;
+          return ctx === null || ctx === void 0 || (_ctx$feature = ctx.feature) === null || _ctx$feature === void 0 || (_ctx$feature = _ctx$feature.properties) === null || _ctx$feature === void 0 ? void 0 : _ctx$feature.name;
+        })],
+        entries: ['$literal', resolve.fn(function (ctx) {
+          var _ctx$feature2;
+          return _typeof((_ctx$feature2 = ctx.feature) === null || _ctx$feature2 === void 0 ? void 0 : _ctx$feature2.properties) === 'object' ? Object.entries(ctx.feature.properties) : [];
+        })]
+      }
+    })), layers)
+  });
+}
+
+var _excluded$6 = ["line", "color", "tiles", "source_layer", "sources", "layers"];
+function _parseTiles$1(tiles, context) {
+  tiles = Array.isArray(tiles) ? tiles : typeof tiles === 'string' ? [tiles] : null;
+  if (!tiles) {
+    throw new Error("tiles is required");
+  }
+  return tiles.map(function (tileSrcUrl) {
+    return interpolate(tileSrcUrl, context);
+  });
+}
+function vector_line(_ref, allViewSpecs, context) {
+  var _ref$line = _ref.line,
+    line = _ref$line === void 0 ? {} : _ref$line,
+    color = _ref.color,
+    tiles = _ref.tiles,
+    source_layer = _ref.source_layer,
+    _ref$sources = _ref.sources,
+    sources = _ref$sources === void 0 ? {} : _ref$sources,
+    _ref$layers = _ref.layers,
+    layers = _ref$layers === void 0 ? {} : _ref$layers,
+    props = _objectWithoutProperties(_ref, _excluded$6);
+  if (!source_layer) {
+    throw new Error('source_layer must be defined');
+  }
+  return _objectSpread2(_objectSpread2({}, props), {}, {
+    metadata: {},
+    sources: _objectSpread2({
+      main: {
+        promoteId: 'id',
+        type: 'vector',
+        tiles: _parseTiles$1(tiles, context)
+      }
+    }, sources),
+    layers: _objectSpread2(_defineProperty({}, "main_line", _objectSpread2(_objectSpread2({
+      zIndex: Z_OVERLAY_MIDDLE_2000,
+      source: 'main',
+      'source-layer': source_layer,
+      type: 'line'
+    }, line), {}, {
+      paint: _objectSpread2({
+        'line-width': 1,
+        'line-color': color
+      }, line.paint || {}),
+      tooltip: {
+        title: ['$literal', resolve.fn(function (ctx) {
+          var _ctx$feature;
+          return ctx === null || ctx === void 0 || (_ctx$feature = ctx.feature) === null || _ctx$feature === void 0 || (_ctx$feature = _ctx$feature.properties) === null || _ctx$feature === void 0 ? void 0 : _ctx$feature.name;
+        })],
+        entries: ['$literal', resolve.fn(function (ctx) {
+          var _ctx$feature2;
+          return _typeof((_ctx$feature2 = ctx.feature) === null || _ctx$feature2 === void 0 ? void 0 : _ctx$feature2.properties) === 'object' ? Object.entries(ctx.feature.properties) : [];
+        })]
+      }
+    })), layers)
+  });
+}
+
+var _excluded$5 = ["circle", "color", "tiles", "source_layer", "sources", "layers"];
+function _parseTiles(tiles, context) {
+  tiles = Array.isArray(tiles) ? tiles : typeof tiles === 'string' ? [tiles] : null;
+  if (!tiles) {
+    throw new Error("tiles is required");
+  }
+  return tiles.map(function (tileSrcUrl) {
+    return interpolate(tileSrcUrl, context);
+  });
+}
+function vector_circle(_ref, allViewSpecs, context) {
+  var _ref$circle = _ref.circle,
+    circle = _ref$circle === void 0 ? {} : _ref$circle,
+    color = _ref.color,
+    tiles = _ref.tiles,
+    source_layer = _ref.source_layer,
+    _ref$sources = _ref.sources,
+    sources = _ref$sources === void 0 ? {} : _ref$sources,
+    _ref$layers = _ref.layers,
+    layers = _ref$layers === void 0 ? {} : _ref$layers,
+    props = _objectWithoutProperties(_ref, _excluded$5);
+  if (!source_layer) {
+    throw new Error('source_layer must be defined');
+  }
+  return _objectSpread2(_objectSpread2({}, props), {}, {
+    metadata: {},
+    sources: _objectSpread2({
+      main: {
+        promoteId: 'id',
+        type: 'vector',
+        tiles: _parseTiles(tiles, context)
+      }
+    }, sources),
+    layers: _objectSpread2(_defineProperty({}, "main_circle", _objectSpread2(_objectSpread2({
+      zIndex: Z_OVERLAY_TOP_3000,
+      source: 'main',
+      'source-layer': source_layer,
+      type: 'circle'
+    }, circle), {}, {
+      paint: _objectSpread2({
+        'circle-radius': 8,
+        'circle-color': color,
+        'circle-opacity': 1,
+        'circle-stroke-color': '#000000',
+        'circle-stroke-width': 1
+      }, circle.paint || {}),
+      tooltip: {
+        title: ['$literal', resolve.fn(function (ctx) {
+          var _ctx$feature;
+          return ctx === null || ctx === void 0 || (_ctx$feature = ctx.feature) === null || _ctx$feature === void 0 || (_ctx$feature = _ctx$feature.properties) === null || _ctx$feature === void 0 ? void 0 : _ctx$feature.name;
+        })],
+        entries: ['$literal', resolve.fn(function (ctx) {
+          var _ctx$feature2;
+          return _typeof((_ctx$feature2 = ctx.feature) === null || _ctx$feature2 === void 0 ? void 0 : _ctx$feature2.properties) === 'object' ? Object.entries(ctx.feature.properties) : [];
+        })]
+      }
+    })), layers)
+  });
+}
+
 var PRESETS = /*#__PURE__*/Object.freeze({
   __proto__: null,
   cem_censo_2010_2022: cem_censo_2010_2022,
   cem_censo_2022: cem_censo_2022,
   cem_escolas_2022: cem_escolas_2022,
-  cem_saude_2024: cem_saude_2024
+  cem_saude_2024: cem_saude_2024,
+  vector_circle: vector_circle,
+  vector_line: vector_line,
+  vector_polygon: vector_polygon
 });
 
 function parseViewSpec(specInput, otherSpecInputs, context) {
@@ -6322,7 +6563,7 @@ function resolveViewSpecs(viewSpecsInput, context) {
   // - as well as those marked as skip
   //
   viewSpecsInput = viewSpecsInput.filter(function (specInput) {
-    return specInput.collection_id && specInput.collection_id.trim() && specInput.indicator_id && specInput.indicator_id.trim() && !specInput.skip;
+    return specInput.collection_id && specInput.collection_id.trim() && specInput.indicator_id && specInput.indicator_id.trim() && !resolveExpr(specInput.skip, context);
   });
   //
   // Group viewSpecsInput by collection_id
@@ -7812,7 +8053,10 @@ var index = /*#__PURE__*/Object.freeze({
   resolveSources: resolveSources,
   resolveView: resolveView,
   resolveViewSpecs: resolveViewSpecs,
-  temperatura_superficie: temperatura_superficie
+  temperatura_superficie: temperatura_superficie,
+  vector_circle: vector_circle,
+  vector_line: vector_line,
+  vector_polygon: vector_polygon
 });
 
 var CollapsibleContent_slideDown = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"], ["\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n"])));
@@ -8202,9 +8446,9 @@ function ViewControl(_ref8) {
   }))));
 }
 
-var _excluded$3 = ["viewSpecs", "viewConfState", "resolvedViews", "onSetView", "onDeactivateView", "style"];
+var _excluded$3 = ["viewSpecs", "viewConfState", "resolvedViews", "onSetView", "onDeactivateView", "style", "categoryIcons"];
 var _templateObject$3, _templateObject2$1;
-var STATIC_NODE_ICONS = {
+var CATEGORY_ICONS = {
   'populacao-e-domicilios': /*#__PURE__*/React$1.createElement(Icon, {
     path: mdiAccountGroup
   }),
@@ -8350,6 +8594,8 @@ function ViewMenu(_ref4) {
     onSetView = _ref4.onSetView,
     onDeactivateView = _ref4.onDeactivateView,
     style = _ref4.style,
+    _ref4$categoryIcons = _ref4.categoryIcons,
+    categoryIcons = _ref4$categoryIcons === void 0 ? CATEGORY_ICONS : _ref4$categoryIcons,
     props = _objectWithoutProperties(_ref4, _excluded$3);
   var viewSpecsById = useMemo(function () {
     return Object.fromEntries(viewSpecs.map(function (spec) {
@@ -8385,7 +8631,7 @@ function ViewMenu(_ref4) {
         style: {
           position: 'relative'
         }
-      }, STATIC_NODE_ICONS[node.id], activeViewsCount > 0 && /*#__PURE__*/React$1.createElement(ActiveCounter, null, activeViewsCount));
+      }, categoryIcons[node.id] || node.id, activeViewsCount > 0 && /*#__PURE__*/React$1.createElement(ActiveCounter, null, activeViewsCount));
     }
   }, props))));
 }
@@ -8655,6 +8901,8 @@ function LeftPanelInner(_ref) {
     onSetOpen = _ref.onSetOpen,
     syncedMapsRef = _ref.syncedMapsRef,
     mapContainerRef = _ref.mapContainerRef,
+    _ref$categoryIcons = _ref.categoryIcons,
+    categoryIcons = _ref$categoryIcons === void 0 ? undefined : _ref$categoryIcons,
     _ref$header = _ref.header,
     customHeader = _ref$header === void 0 ? undefined : _ref$header,
     _ref$footer = _ref.footer,
@@ -8776,6 +9024,7 @@ function LeftPanelInner(_ref) {
       flexGrow: 1,
       height: '1px'
     },
+    categoryIcons: categoryIcons,
     viewSpecs: viewSpecs,
     viewConfState: viewConfState,
     resolvedViews: resolvedViews,
@@ -11402,6 +11651,7 @@ function GeoReDUSInner(_ref2) {
             case 6:
               _context.t3 = _context.sent;
               _context.t4 = {
+                municipioId: municipioId,
                 METADATA_API_ENDPOINT: METADATA_API_ENDPOINT,
                 VECTOR_TILE_SERVER_ENDPOINT: VECTOR_TILE_SERVER_ENDPOINT,
                 MAP_TILER_API_KEY: process.env.NEXT_PUBLIC_MAP_TILER_API_KEY

package/dist/viewSpecs/presets/cem_censo/2022/choropleth/intramun/index.d.ts

@@ -158,7 +158,7 @@ export namespace intramun {
             }[];
             tooltip: {
                 title: (string | (string | string[])[])[];
-                entries: ((string | (string | string[])[])[] | ((string | string[])[] | (string | {
+                entries: (string | {
                     [x: string]: any;
                     $$resolver: symbol;
                     $$unresolved?: Record<string | number, import("@orioro/resolve").ResolutionNode> | undefined;
@@ -166,7 +166,7 @@ export namespace intramun {
                     value: (...args: any[]) => any;
                     defaultValue?: any;
                     context?: any;
-                })[])[])[];
+                })[];
             };
             filter: {
                 [x: string]: any;

package/dist/viewSpecs/presets/cem_censo/2022/choropleth/intramun/setor_censitario.d.ts

@@ -67,7 +67,7 @@ export function setor_censitario_layers(opts: any): {
         }[];
         tooltip: {
             title: (string | (string | string[])[])[];
-            entries: ((string | (string | string[])[])[] | ((string | string[])[] | (string | {
+            entries: (string | {
                 [x: string]: any;
                 $$resolver: symbol;
                 $$unresolved?: Record<string | number, import("@orioro/resolve").ResolutionNode> | undefined;
@@ -75,7 +75,7 @@ export function setor_censitario_layers(opts: any): {
                 value: (...args: any[]) => any;
                 defaultValue?: any;
                 context?: any;
-            })[])[])[];
+            })[];
         };
         filter: {
             [x: string]: any;

package/dist/viewSpecs/presets/cem_censo/2022/download.d.ts

@@ -0,0 +1,9 @@
+export function download(context: any): {
+    [x: string]: any;
+    $$resolver: symbol;
+    $$unresolved?: Record<string | number, import("@orioro/resolve").ResolutionNode> | undefined;
+    dependencies: any;
+    value: (...args: any[]) => any;
+    defaultValue?: any;
+    context?: any;
+};

package/dist/viewSpecs/presets/index.d.ts

@@ -2,3 +2,6 @@ export * from "./cem_escolas_2022";
 export * from "./cem_censo/2010_2022";
 export * from "./cem_censo/2022";
 export * from "./cem_saude_2024";
+export * from "./vector_polygon";
+export * from "./vector_line";
+export * from "./vector_circle";

package/dist/viewSpecs/presets/vector_circle/index.d.ts

@@ -0,0 +1,47 @@
+export function vector_circle({ circle, color, tiles, source_layer, sources, layers, ...props }: {
+    [x: string]: any;
+    circle?: {} | undefined;
+    color: any;
+    tiles: any;
+    source_layer: any;
+    sources?: {} | undefined;
+    layers?: {} | undefined;
+}, allViewSpecs: any, context: any): {
+    metadata: {};
+    sources: {
+        main: {
+            promoteId: string;
+            type: string;
+            tiles: any;
+        };
+    };
+    layers: {
+        main_circle: {
+            paint: any;
+            tooltip: {
+                title: (string | {
+                    [x: string]: any;
+                    $$resolver: symbol;
+                    $$unresolved?: Record<string | number, import("@orioro/resolve").ResolutionNode> | undefined;
+                    dependencies: any;
+                    value: (...args: any[]) => any;
+                    defaultValue?: any;
+                    context?: any;
+                })[];
+                entries: (string | {
+                    [x: string]: any;
+                    $$resolver: symbol;
+                    $$unresolved?: Record<string | number, import("@orioro/resolve").ResolutionNode> | undefined;
+                    dependencies: any;
+                    value: (...args: any[]) => any;
+                    defaultValue?: any;
+                    context?: any;
+                })[];
+            };
+            zIndex: number;
+            source: string;
+            'source-layer': any;
+            type: string;
+        };
+    };
+};

package/dist/viewSpecs/presets/vector_line/index.d.ts

@@ -0,0 +1,47 @@
+export function vector_line({ line, color, tiles, source_layer, sources, layers, ...props }: {
+    [x: string]: any;
+    line?: {} | undefined;
+    color: any;
+    tiles: any;
+    source_layer: any;
+    sources?: {} | undefined;
+    layers?: {} | undefined;
+}, allViewSpecs: any, context: any): {
+    metadata: {};
+    sources: {
+        main: {
+            promoteId: string;
+            type: string;
+            tiles: any;
+        };
+    };
+    layers: {
+        main_line: {
+            paint: any;
+            tooltip: {
+                title: (string | {
+                    [x: string]: any;
+                    $$resolver: symbol;
+                    $$unresolved?: Record<string | number, import("@orioro/resolve").ResolutionNode> | undefined;
+                    dependencies: any;
+                    value: (...args: any[]) => any;
+                    defaultValue?: any;
+                    context?: any;
+                })[];
+                entries: (string | {
+                    [x: string]: any;
+                    $$resolver: symbol;
+                    $$unresolved?: Record<string | number, import("@orioro/resolve").ResolutionNode> | undefined;
+                    dependencies: any;
+                    value: (...args: any[]) => any;
+                    defaultValue?: any;
+                    context?: any;
+                })[];
+            };
+            zIndex: number;
+            source: string;
+            'source-layer': any;
+            type: string;
+        };
+    };
+};

package/dist/viewSpecs/presets/vector_polygon/index.d.ts

@@ -0,0 +1,66 @@
+export function vector_polygon({ label, color, line, fill, tiles, source_layer, sources, layers, ...props }: {
+    [x: string]: any;
+    label: any;
+    color: any;
+    line?: {} | undefined;
+    fill?: {} | undefined;
+    tiles: any;
+    source_layer: any;
+    sources?: {} | undefined;
+    layers?: {} | undefined;
+}, allViewSpecs: any, context: any): {
+    label: any;
+    metadata: {};
+    sources: {
+        main: {
+            promoteId: string;
+            type: string;
+            tiles: any;
+        };
+    };
+    layers: {
+        main_line: {
+            paint: {
+                'line-color': any;
+            };
+            zIndex: number;
+            source: string;
+            'source-layer': any;
+            type: string;
+        };
+        main_fill: {
+            paint: any;
+            legends: {
+                type: string;
+                items: {
+                    color: any;
+                    label: any;
+                }[];
+            }[];
+            tooltip: {
+                title: (string | {
+                    [x: string]: any;
+                    $$resolver: symbol;
+                    $$unresolved?: Record<string | number, import("@orioro/resolve").ResolutionNode> | undefined;
+                    dependencies: any;
+                    value: (...args: any[]) => any;
+                    defaultValue?: any;
+                    context?: any;
+                })[];
+                entries: (string | {
+                    [x: string]: any;
+                    $$resolver: symbol;
+                    $$unresolved?: Record<string | number, import("@orioro/resolve").ResolutionNode> | undefined;
+                    dependencies: any;
+                    value: (...args: any[]) => any;
+                    defaultValue?: any;
+                    context?: any;
+                })[];
+            };
+            zIndex: number;
+            source: string;
+            'source-layer': any;
+            type: string;
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redus/georedus-ui",
-  "version": "0.16.0",
+  "version": "0.19.0",
   "packageManager": "yarn@4.0.2",
   "type": "module",
   "main": "dist/main.js",
@@ -49,7 +49,7 @@
     "@mapbox/tilebelt": "2.0.0",
     "@mdi/js": "^7.4.47",
     "@mdi/react": "^1.6.1",
-    "@orioro/cast": "^0.0.2",
+    "@orioro/cast": "^0.0.11",
     "@orioro/get": "^0.0.2",
     "@orioro/react-chart-util": "^0.3.0",
     "@orioro/react-csv": "^0.0.11",