@softros/agulhao-charts-react 1.0.4 → 1.0.5

package/README.md

@@ -98,6 +98,38 @@ const graficoGauge: DefinicaoGrafico = {
 }
 ```
 
+## Mapa padrão do Brasil
+
+Para gráficos `tipo: 'mapa'` com `opcoes.mapa.nome: 'BR'`, o componente registra automaticamente o GeoJSON padrão dos estados brasileiros fornecido pelo `core`.
+
+```tsx
+const graficoMapa: DefinicaoGrafico = {
+    tipo: 'mapa',
+    titulo: 'Indicador por estado',
+    dataset: {
+        linhas: [
+            { estado: 'São Paulo', valor: 46649 },
+            { estado: 'Minas Gerais', valor: 21412 },
+        ],
+    },
+    mapeamento: {
+        rotulo: 'estado',
+        valor: 'valor',
+    },
+    opcoes: {
+        mostrarLegenda: false,
+        mapa: {
+            nome: 'BR',
+            tamanho: '82%',
+            centro: {
+                x: '43%',
+                y: '55%',
+            },
+        },
+    },
+}
+```
+
 ## Props
 
 ```ts
@@ -110,6 +142,7 @@ type AgulhaoChartProps = {
     notMerge?: boolean
     lazyUpdate?: boolean
     onEvents?: Record<string, (params: unknown) => void>
+    echarts?: unknown
 }
 ```
 

package/dist/AgulhaoChart.d.ts

@@ -9,9 +9,10 @@ export type AgulhaoChartProps = {
     notMerge?: boolean;
     lazyUpdate?: boolean;
     onEvents?: Record<string, (params: unknown) => void>;
+    echarts?: unknown;
 };
 /**
  * Componente do Agulhao Charts.
  */
-export declare function AgulhaoChart({ grafico, largura, altura, className, style, notMerge, lazyUpdate, onEvents }: AgulhaoChartProps): import("react").JSX.Element;
+export declare function AgulhaoChart({ grafico, largura, altura, className, style, notMerge, lazyUpdate, onEvents, echarts: echartsCustomizado }: AgulhaoChartProps): import("react").JSX.Element;
 //# sourceMappingURL=AgulhaoChart.d.ts.map

package/dist/AgulhaoChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgulhaoChart.d.ts","sourceRoot":"","sources":["../src/AgulhaoChart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAEpE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,EAAE,gBAAgB,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;CACvD,CAAA;AAaD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,OAAgB,EAAE,MAAY,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,iBAAiB,+BAY5I"}
+{"version":3,"file":"AgulhaoChart.d.ts","sourceRoot":"","sources":["../src/AgulhaoChart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAGpE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,EAAE,gBAAgB,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC,CAAA;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAcD;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,OAAgB,EAAE,MAAY,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,kBAAkB,EAAE,EAAE,iBAAiB,+BAyBzK"}

package/dist/AgulhaoChart.js

@@ -2,18 +2,22 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as ReactEChartsModule from 'echarts-for-react';
 import { useMemo } from 'react';
 import { criarOpcaoECharts } from '@softros/agulhao-charts-core';
+import { echarts, registrarMapasPadrao } from './registrarMapasPadrao.js';
 const ReactECharts = (ReactEChartsModule.default ?? ReactEChartsModule);
 /**
  * Componente do Agulhao Charts.
  */
-export function AgulhaoChart({ grafico, largura = '100%', altura = 400, className, style, notMerge, lazyUpdate, onEvents }) {
-    const option = useMemo(() => criarOpcaoECharts(grafico), [grafico]);
+export function AgulhaoChart({ grafico, largura = '100%', altura = 400, className, style, notMerge, lazyUpdate, onEvents, echarts: echartsCustomizado }) {
+    const option = useMemo(() => {
+        registrarMapasPadrao(grafico);
+        return criarOpcaoECharts(grafico);
+    }, [grafico]);
     const chartStyle = useMemo(() => ({
         width: formatarMedidaCss(largura),
         height: formatarMedidaCss(altura),
         ...style,
     }), [altura, largura, style]);
-    return _jsx(ReactECharts, { option: option, className: className, style: chartStyle, notMerge: notMerge, lazyUpdate: lazyUpdate, onEvents: onEvents });
+    return (_jsx(ReactECharts, { echarts: echartsCustomizado ?? echarts, option: option, className: className, style: chartStyle, notMerge: notMerge, lazyUpdate: lazyUpdate, onEvents: onEvents }));
 }
 /**
  * Converte medidas numericas para pixels e preserva medidas CSS textuais.

package/dist/AgulhaoChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgulhaoChart.js","sourceRoot":"","sources":["../src/AgulhaoChart.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,kBAAkB,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAwBhE,MAAM,YAAY,GAAG,CAAC,kBAAkB,CAAC,OAAO,IAAI,kBAAkB,CAAgD,CAAA;AAEtH;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAqB;IACzI,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACnE,MAAM,UAAU,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACH,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;QACjC,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC;QACjC,GAAG,KAAK;KACX,CAAC,EACF,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAC3B,CAAA;IAED,OAAO,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;AACpJ,CAAC;AAED;;GAEG;AACH,SAAS,iBAAiB,CAAC,KAAsB;IAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,GAAG,KAAK,IAAI,CAAA;IACvB,CAAC;IAED,OAAO,KAAK,CAAA;AAChB,CAAC"}
+{"version":3,"file":"AgulhaoChart.js","sourceRoot":"","sources":["../src/AgulhaoChart.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,kBAAkB,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAGhE,OAAO,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAwBzE,MAAM,YAAY,GAAG,CAAC,kBAAkB,CAAC,OAAO,IAAI,kBAAkB,CAAgD,CAAA;AAEtH;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,kBAAkB,EAAqB;IACtK,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,oBAAoB,CAAC,OAAO,CAAC,CAAA;QAC7B,OAAO,iBAAiB,CAAC,OAAO,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IACb,MAAM,UAAU,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACH,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;QACjC,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC;QACjC,GAAG,KAAK;KACX,CAAC,EACF,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAC3B,CAAA;IAED,OAAO,CACH,KAAC,YAAY,IACT,OAAO,EAAE,kBAAkB,IAAI,OAAO,EACtC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAA;AACL,CAAC;AAED;;GAEG;AACH,SAAS,iBAAiB,CAAC,KAAsB;IAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,GAAG,KAAK,IAAI,CAAA;IACvB,CAAC;IAED,OAAO,KAAK,CAAA;AAChB,CAAC"}

package/dist/registrarMapasPadrao.d.ts

@@ -0,0 +1,5 @@
+import echarts = require('echarts');
+import type { DefinicaoGrafico } from '@softros/agulhao-charts-core';
+export declare function registrarMapasPadrao(grafico: DefinicaoGrafico): void;
+export { echarts };
+//# sourceMappingURL=registrarMapasPadrao.d.ts.map

package/dist/registrarMapasPadrao.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registrarMapasPadrao.d.ts","sourceRoot":"","sources":["../src/registrarMapasPadrao.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,GAAG,QAAQ,SAAS,CAAC,CAAA;AAEnC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAIpE,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAMpE;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/registrarMapasPadrao.js

@@ -0,0 +1,12 @@
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const echarts = __require("echarts");
+import { obterGeoJsonMapaBrasil, obterNomeMapa } from '@softros/agulhao-charts-core';
+export function registrarMapasPadrao(grafico) {
+    if (obterNomeMapa(grafico) !== 'BR') {
+        return;
+    }
+    echarts.registerMap('BR', obterGeoJsonMapaBrasil());
+}
+export { echarts };
+//# sourceMappingURL=registrarMapasPadrao.js.map

package/dist/registrarMapasPadrao.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registrarMapasPadrao.js","sourceRoot":"","sources":["../src/registrarMapasPadrao.ts"],"names":[],"mappings":";;AAAA,qCAAmC;AACnC,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAKpF,MAAM,UAAU,oBAAoB,CAAC,OAAyB;IAC1D,IAAI,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QAClC,OAAM;IACV,CAAC;IAED,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,sBAAsB,EAAwB,CAAC,CAAA;AAC7E,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@softros/agulhao-charts-react",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "description": "Componente React para renderizar graficos a partir da definicao comum do Agulhao Charts.",
     "homepage": "https://github.com/SOFTROS-SISTEMAS/agulhao-charts",
     "license": "Apache-2.0",
@@ -32,7 +32,7 @@
         "directory": "packages/react"
     },
     "dependencies": {
-        "@softros/agulhao-charts-core": "^1.0.4",
+        "@softros/agulhao-charts-core": "^1.0.5",
         "echarts-for-react": "^3.0.2"
     },
     "peerDependencies": {