@antv/gpt-vis 0.2.1 → 0.3.0-beta.0

package/README.ja-JP.md

@@ -0,0 +1,160 @@
+<img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> [English](./README.md) | [简体中文](./README.zh-CN.md) | 日本語
+
+<h1 align="center">GPT-Vis</h1>
+
+<div align="center">
+
+GPTs、生成AI、およびLLMプロジェクトのためのコンポーネント。**UIコンポーネントだけではありません**。
+
+<p align="center">
+  <a href="https://gpt-vis.antv.vision" target="_blank">ドキュメント</a> •
+  <a href="/knowledges" target="_blank">知識</a> •
+  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">エージェントデモ</a>
+</p>
+
+<div align="center">
+  <img src="https://github.com/eosphoros-ai/GPT-Vis/assets/17919400/c8804ffb-d3d6-45d3-846f-cf217681ab05" width=500">
+</div>
+
+</div>
+
+## ✨ 特徴
+
+- 🤖 **LLMプロトコル**: LLMエージェントカードのための視覚的プロトコルで、LLMの対話型インタラクションとサービスのシリアライズされた出力のために設計されており、AIアプリケーションへの迅速な統合を容易にします。
+- 🍡 **LLMコンポーネント**: LLMアプリケーションのために開発されたコンポーネントで、20以上の一般的なVISコンポーネントが組み込まれており、カスタマイズされたUI要件のための便利な拡張メカニズムとアーキテクチャ設計を提供します。
+- 📈 **LLMアクセス**: チャート知識ベースとチャート推奨モデルをシームレスにLLMにアクセスし、LLMのために視覚カードを直接出力し、エージェントのための知識ベースと推奨モデルソリューションを提供します。
+
+## 📦 インストール
+
+```bash
+$ npm i @antv/gpt-vis --save
+```
+
+## 🔨 使用方法
+
+```jsx
+import { GPTVis } from '@antv/gpt-vis';
+
+const markdownContent = `
+# GPT-VIS \n\nGPTs、生成AI、およびLLMプロジェクトのためのコンポーネント。UIコンポーネントだけではありません。
+
+ここに、2013年から2022年までのHaidilaoのフードデリバリー収益の視覚化があります。年々着実に増加しており、特に最近の年では顕著な*成長*が見られます。
+
+\`\`\`vis-chart
+{
+  "type": "line",
+  "data": [
+    { "time":2013,"value":59.3 },
+    { "time":2014,"value":64.4 },
+    { "time":2015,"value":68.9 },
+    { "time":2016,"value":74.4 },
+    { "time":2017,"value":82.7 },
+    { "time":2018,"value":91.9 },
+    { "time":2019,"value":99.1 },
+    { "time":2020,"value":101.6 },
+    { "time":2021,"value":114.4 },
+    { "time":2022,"value":121 }
+  ]
+}
+\`\`\`
+`;
+
+export default () => {
+  return <GPTVis>{markdownContent}</GPTVis>;
+};
+```
+
+<details>
+<summary>🛠 カスタムレンダラー</summary>
+
+```jsx
+import { GPTVisLite, withChartCode, ChartType, Pie } from '@antv/gpt-vis';
+
+const markdownContent = `
+\`\`\`my-ui
+my data
+\`\`\`
+
+\`\`\`vis-chart
+{
+  "type": "pie",
+  "data": [
+    { "category": "カテゴリ1", "value": 27 },
+    { "category": "カテゴリ2", "value": 25 },
+    { "category": "カテゴリ3", "value": 18 },
+    { "category": "その他", "value": 5 }
+  ]
+}
+\`\`\`
+`;
+
+const customRenderers = { 'my-ui': ({ children }) => <div>{children}</div> };
+const components = {
+  code: withChartCode({
+    languageRenderers: customRenderers, // カスタムブロックレンダラーを登録
+    components: { [ChartType.Pie]: Pie }, // パイチャートを登録
+  }),
+};
+
+export default () => {
+  return <GPTVisLite components={components}>{markdownContent}</GPTVisLite>;
+};
+```
+
+</details>
+
+## 🐍 Streamlit
+
+```python
+import streamlit as st
+from streamlit_gpt_vis import set_gpt_vis
+
+content = '''
+ここに、2013年から2022年までのHaidilaoのフードデリバリー収益の視覚化があります。年々着実に増加しており、特に最近の年では顕著な*成長*が見られます。
+
+\`\`\`vis-chart
+{"type": "line","data": [{"time":2013,"value":59.3},{"time":2014,"value":64.4},{"time":2015,"value":68.9},{"time":2016,"value":74.4},{"time":2017,"value":82.7},{"time":2018,"value":91.9},{"time":2019,"value":99.1},{"time":2020,"value":101.6},{"time":2021,"value":114.4},{"time":2022,"value":121}]}
+\`\`\`
+'''
+
+set_gpt_vis(content)
+```
+
+詳細はこちら 👉 [streamlit-gpt-vis](https://github.com/antvis/GPT-Vis/tree/main/bindings/streamlit-gpt-vis)
+
+## ビジュアル知識
+
+[ビジュアル知識ベース](https://github.com/antvis/GPT-Vis/tree/main/knowledges)の目的は、エージェントがさまざまなデータ可視化チャートを理解、選択、作成するのを支援するための包括的かつ体系的なリソースを提供することです。以下は、RAGを通じて評価データセットに基づいて正確なチャートプロトコルを生成するためのメトリクスです。
+
+|               |                         |                      |               |                      |                 |         |
+| ------------- | ----------------------- | -------------------- | ------------- | -------------------- | --------------- | ------- |
+| Line(Multi)   | Column(Grouped/Stacked) | Pie                  | Area(Stacked) | Bar(Grouped/Stacked) | Scatter(Bubble) | Heatmap |
+| 40/40         | 25/27                   | 13/14                | 18/18         | 18/20                | 10/10           | 9/10    |
+| Histogram     | Tree Map                | Word Cloud           | Radar         | Dual Axis            | Rich Text NTV   | Pin Map |
+| 15/16         | 13/15                   | 11/12                | 23/23         | 13/14                | 7.3/10          | 10/11   |
+| Network Graph | Mind Map                | Organizational Chart | Flow Diagram  | Fishbone Diagram     |                 |         |
+| 8/10          | 12/14                   | 10/12                | 10/11         | 10/12                |                 |         |
+|               |                         |                      |               |                      |                 |         |
+
+注: X/Y形式の数字は、データセットに対して評価されたときのそれぞれのチャートタイプのメトリクスを表しています。
+
+## 🤖 チャート推奨データセット
+
+チャート推奨データセットは、与えられたデータに基づいてチャートタイプを推奨する能力を評価または微調整するために設計されています。データセットは現在、16種類のチャートをカバーしており、各チャートタイプには1〜3の異なるデータシナリオがあり、各シナリオには15以上のチャートデータインスタンスがあります。データセットは継続的に更新されており、使用ケースから収集したチャートデータの提供を歓迎します。データセットの詳細については、[evaluations/recommend](https://github.com/antvis/GPT-Vis/tree/main/evaluations/recommend/README.md)をご覧ください。
+
+## 💻 開発
+
+```bash
+# 依存関係をインストール
+$ pnpm install
+
+# ドキュメントデモでライブラリを開発
+$ pnpm dev
+
+# ライブラリのソースコードをビルド
+$ pnpm build
+```
+
+## ライセンス
+
+[MIT](./LICENSE)

package/README.md

@@ -1,4 +1,4 @@
-<img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> English | [简体中文](./README.zh-CN.md)
+<img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> English | [简体中文](./README.zh-CN.md) | [日本語](./README.ja-JP.md)
 
 <h1 align="center">GPT-Vis</h1>
 
@@ -9,7 +9,7 @@ Components for GPTs, generative AI, and LLM projects. **Not only UI Components**
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">Document</a> •
   <a href="/knowledges" target="_blank">Knowledge</a> •
-  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241120WZh400101995" target="_blank">Agent Demo</a>
+  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">Agent Demo</a>
 </p>
 
 <div align="center">
@@ -138,6 +138,10 @@ The purpose of the [Visual Knowledge Base](https://github.com/antvis/GPT-Vis/tre
 
 Note: The numbers in the format of X/Y represent the metrics of the respective chart types when evaluated against the dataset.
 
+## 🤖 Chart Recommendation Dataset
+
+The chart recommendation dataset is designed to evaluate or fine-tune large language models on their ability to recommend chart types based on given data. The dataset currently encompasses 16 types of charts, with 1-3 different data scenarios per chart type, and more than 15 chart data instances for each scenario. The dataset is continuously updated, and we welcome contributions of chart data collected from your own use cases. For more detailed information about the dataset, please visit [evaluations/recommend](https://github.com/antvis/GPT-Vis/tree/main/evaluations/recommend/README.md).
+
 ## 💻 Development
 
 ```bash

package/README.zh-CN.md

@@ -1,4 +1,4 @@
-<img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> [English](./README.md) | 简体中文
+<img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> [English](./README.md) | 简体中文 | [日本語](./README.ja-JP.md)
 
 <h1 align="center">GPT-Vis</h1>
 
@@ -9,7 +9,7 @@ Components for GPTs, generative AI, and LLM projects. **Not only UI Components**
 <p align="center">
   <a href="https://gpt-vis.antv.vision" target="_blank">文档</a> •
   <a href="/knowledges" target="_blank">知识库</a> •
-  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241120WZh400101995" target="_blank">体验 Agent</a>
+  <a href="https://tbox.alipay.com/experience/202410APr1n200110168?id=20241122F8eB00104644" target="_blank">体验 Agent</a>
 </p>
 
 <div align="center">
@@ -136,6 +136,10 @@ set_gpt_vis(content)
 | 8/10          | 12/14                   | 10/12                | 10/11         | 10/12                |                 |         |
 |               |                         |                      |               |                      |                 |         |
 
+## 🤖 图表模型推荐数据集
+
+图表推荐数据集用于评测/微调大模型在“给定数据，推荐图表类型”任务上的能力。数据集目前涵盖了 16 种图表类型，每种图表类型下 1-3 个不同数据场景，每个场景下 15+ 个图表数据。数据会持续更新，也欢迎向我们贡献你的使用场景中收集的图表数据。数据集详细信息见 [evaluations/recommend](https://github.com/antvis/GPT-Vis/tree/main/evaluations/recommend/README.md)
+
 ## 💻 本地开发
 
 ```bash

package/dist/cjs/GPTVis/Lite.js

@@ -35,10 +35,12 @@ module.exports = __toCommonJS(Lite_exports);
 var import_react = __toESM(require("react"));
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_rehype_raw = __toESM(require("rehype-raw"));
+var import_remark_gfm = __toESM(require("remark-gfm"));
 var GPTVisLite = ({
   children,
   components,
   rehypePlugins,
+  remarkPlugins,
   ...rest
 }) => {
   return /* @__PURE__ */ import_react.default.createElement(
@@ -46,6 +48,7 @@ var GPTVisLite = ({
     {
       components,
       rehypePlugins: [import_rehype_raw.default, ...rehypePlugins ? rehypePlugins : []],
+      remarkPlugins: [import_remark_gfm.default, ...remarkPlugins ? remarkPlugins : []],
       ...rest
     },
     children

package/dist/cjs/export-map.browser.d.ts

@@ -0,0 +1,4 @@
+export { default as Map, type MapProps } from './Map';
+export { default as PinMap, type PinMapProps } from './PinMap';
+export { default as HeatMap, type HeatMapProps } from './HeatMap';
+export { default as PathMap, type PathMapProps } from './PathMap';

package/dist/cjs/export-map.browser.js

@@ -0,0 +1,48 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/export-map.browser.ts
+var export_map_browser_exports = {};
+__export(export_map_browser_exports, {
+  HeatMap: () => import_HeatMap.default,
+  Map: () => import_Map.default,
+  PathMap: () => import_PathMap.default,
+  PinMap: () => import_PinMap.default
+});
+module.exports = __toCommonJS(export_map_browser_exports);
+var import_Map = __toESM(require("./Map"));
+var import_PinMap = __toESM(require("./PinMap"));
+var import_HeatMap = __toESM(require("./HeatMap"));
+var import_PathMap = __toESM(require("./PathMap"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeatMap,
+  Map,
+  PathMap,
+  PinMap
+});

package/dist/cjs/export-map.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+import { type HeatMapProps } from './HeatMap';
+import { type MapProps } from './Map';
+import { type PathMapProps } from './PathMap';
+import { type PinMapProps } from './PinMap';
+export declare const Map: FC<MapProps>;
+export declare const HeatMap: FC<HeatMapProps>;
+export declare const PathMap: FC<PathMapProps>;
+export declare const PinMap: FC<PinMapProps>;
+export type { HeatMapProps, MapProps, PathMapProps, PinMapProps };

package/dist/cjs/export-map.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/export-map.ts
+var export_map_exports = {};
+__export(export_map_exports, {
+  HeatMap: () => HeatMap,
+  Map: () => Map,
+  PathMap: () => PathMap,
+  PinMap: () => PinMap
+});
+module.exports = __toCommonJS(export_map_exports);
+function MockMap() {
+  return null;
+}
+var Map = MockMap;
+var HeatMap = MockMap;
+var PathMap = MockMap;
+var PinMap = MockMap;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HeatMap,
+  Map,
+  PathMap,
+  PinMap
+});

package/dist/cjs/export.d.ts

@@ -4,7 +4,6 @@ import { default as Area, type AreaProps } from './Area';
 import { default as Bar, type BarProps } from './Bar';
 import { default as Column, type ColumnProps } from './Column';
 import { default as DualAxes, type DualAxesProps } from './DualAxes';
-import { default as HeatMap, type HeatMapProps } from './HeatMap';
 import { default as Histogram, type HistogramProps } from './Histogram';
 import { default as Line, type LineProps } from './Line';
 import { default as Pie, type PieProps } from './Pie';
@@ -18,11 +17,10 @@ import { default as FlowDiagram, type FlowDiagramProps } from './FlowDiagram';
 import { default as MindMap, type MindMapProps } from './MindMap';
 import { default as NetworkGraph, type NetworkGraphProps } from './NetworkGraph';
 export { default as IndentedTree, type IndentedTreeProps } from './IndentedTree';
-export { default as Map, type MapProps } from './Map';
 export { default as OrganizationChart, type OrganizationChartProps } from './OrganizationChart';
 /********** map chart **********/
-import { default as PathMap, type PathMapProps } from './PathMap';
-import { default as PinMap, type PinMapProps } from './PinMap';
+export { Map, type MapProps } from './export-map';
+import { PinMap, type PinMapProps, HeatMap, type HeatMapProps, PathMap, type PathMapProps } from './export-map';
 /********** NTV **********/
 export { VisText, type VisTextProps } from './Text';
 export { Area, Bar, Column, DualAxes, FishboneDiagram, FlowDiagram, HeatMap, Histogram, Line, MindMap, NetworkGraph, PathMap, Pie, PinMap, Radar, Scatter, Treemap, WordCloud, type AreaProps, type BarProps, type ColumnProps, type DualAxesProps, type FishboneDiagramProps, type FlowDiagramProps, type HeatMapProps, type HistogramProps, type LineProps, type MindMapProps, type NetworkGraphProps, type PathMapProps, type PieProps, type PinMapProps, type RadarProps, type ScatterProps, type TreemapProps, type WordCloudProps, };

package/dist/cjs/export.js

@@ -36,17 +36,17 @@ __export(export_exports, {
   DualAxes: () => import_DualAxes.default,
   FishboneDiagram: () => import_FishboneDiagram.default,
   FlowDiagram: () => import_FlowDiagram.default,
-  HeatMap: () => import_HeatMap.default,
+  HeatMap: () => import_export_map2.HeatMap,
   Histogram: () => import_Histogram.default,
   IndentedTree: () => import_IndentedTree.default,
   Line: () => import_Line.default,
-  Map: () => import_Map.default,
+  Map: () => import_export_map.Map,
   MindMap: () => import_MindMap.default,
   NetworkGraph: () => import_NetworkGraph.default,
   OrganizationChart: () => import_OrganizationChart.default,
-  PathMap: () => import_PathMap.default,
+  PathMap: () => import_export_map2.PathMap,
   Pie: () => import_Pie.default,
-  PinMap: () => import_PinMap.default,
+  PinMap: () => import_export_map2.PinMap,
   Radar: () => import_Radar.default,
   Scatter: () => import_Scatter.default,
   Treemap: () => import_Treemap.default,
@@ -59,7 +59,6 @@ var import_Area = __toESM(require("./Area"));
 var import_Bar = __toESM(require("./Bar"));
 var import_Column = __toESM(require("./Column"));
 var import_DualAxes = __toESM(require("./DualAxes"));
-var import_HeatMap = __toESM(require("./HeatMap"));
 var import_Histogram = __toESM(require("./Histogram"));
 var import_Line = __toESM(require("./Line"));
 var import_Pie = __toESM(require("./Pie"));
@@ -72,10 +71,9 @@ var import_FlowDiagram = __toESM(require("./FlowDiagram"));
 var import_MindMap = __toESM(require("./MindMap"));
 var import_NetworkGraph = __toESM(require("./NetworkGraph"));
 var import_IndentedTree = __toESM(require("./IndentedTree"));
-var import_Map = __toESM(require("./Map"));
 var import_OrganizationChart = __toESM(require("./OrganizationChart"));
-var import_PathMap = __toESM(require("./PathMap"));
-var import_PinMap = __toESM(require("./PinMap"));
+var import_export_map = require("./export-map");
+var import_export_map2 = require("./export-map");
 var import_Text = require("./Text");
 var DEFAULT_CHART_COMPONENTS = {
   [import_types.ChartType.Line]: import_Line.default,
@@ -84,13 +82,11 @@ var DEFAULT_CHART_COMPONENTS = {
   [import_types.ChartType.Bar]: import_Bar.default,
   [import_types.ChartType.Area]: import_Area.default,
   [import_types.ChartType.Scatter]: import_Scatter.default,
-  [import_types.ChartType.PinMap]: import_PinMap.default,
-  [import_types.ChartType.PathMap]: import_PathMap.default,
-  [import_types.ChartType.HeatMap]: import_HeatMap.default,
+  [import_types.ChartType.PinMap]: import_export_map2.PinMap,
+  [import_types.ChartType.HeatMap]: import_export_map2.HeatMap,
   [import_types.ChartType.MindMap]: import_MindMap.default,
   [import_types.ChartType.FlowDiagram]: import_FlowDiagram.default,
-  [import_types.ChartType.NetworkGraph]: import_NetworkGraph.default,
-  [import_types.ChartType.FishboneDiagram]: import_FishboneDiagram.default
+  [import_types.ChartType.NetworkGraph]: import_NetworkGraph.default
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.2.1";
+declare const _default: "0.3.0-beta.0";
 export default _default;

package/dist/cjs/version.js

@@ -22,4 +22,4 @@ __export(version_exports, {
   default: () => version_default
 });
 module.exports = __toCommonJS(version_exports);
-var version_default = "0.2.1";
+var version_default = "0.3.0-beta.0";

package/dist/esm/GPTVis/Lite.js

@@ -1,18 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "components", "rehypePlugins"];
+var _excluded = ["children", "components", "rehypePlugins", "remarkPlugins"];
 import React, { memo } from 'react';
 import Markdown from 'react-markdown';
 import rehypeRaw from 'rehype-raw';
+import remarkGfm from 'remark-gfm';
 var GPTVisLite = function GPTVisLite(_ref) {
   var children = _ref.children,
     components = _ref.components,
     rehypePlugins = _ref.rehypePlugins,
+    remarkPlugins = _ref.remarkPlugins,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Markdown, _extends({
     components: components,
-    rehypePlugins: [rehypeRaw].concat(_toConsumableArray(rehypePlugins ? rehypePlugins : []))
+    rehypePlugins: [rehypeRaw].concat(_toConsumableArray(rehypePlugins ? rehypePlugins : [])),
+    remarkPlugins: [remarkGfm].concat(_toConsumableArray(remarkPlugins ? remarkPlugins : []))
   }, rest), children);
 };
 export default /*#__PURE__*/memo(GPTVisLite);

package/dist/esm/export-map.browser.d.ts

@@ -0,0 +1,4 @@
+export { default as Map, type MapProps } from './Map';
+export { default as PinMap, type PinMapProps } from './PinMap';
+export { default as HeatMap, type HeatMapProps } from './HeatMap';
+export { default as PathMap, type PathMapProps } from './PathMap';

package/dist/esm/export-map.browser.js

@@ -0,0 +1,5 @@
+// organize-imports-ignore
+export { default as Map } from "./Map";
+export { default as PinMap } from "./PinMap";
+export { default as HeatMap } from "./HeatMap";
+export { default as PathMap } from "./PathMap";

package/dist/esm/export-map.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+import { type HeatMapProps } from './HeatMap';
+import { type MapProps } from './Map';
+import { type PathMapProps } from './PathMap';
+import { type PinMapProps } from './PinMap';
+export declare const Map: FC<MapProps>;
+export declare const HeatMap: FC<HeatMapProps>;
+export declare const PathMap: FC<PathMapProps>;
+export declare const PinMap: FC<PinMapProps>;
+export type { HeatMapProps, MapProps, PathMapProps, PinMapProps };

package/dist/esm/export-map.js

@@ -0,0 +1,9 @@
+// Map Components mock for use in environments without `document` / `window`, like ssr pre render
+
+function MockMap() {
+  return null;
+}
+export var Map = MockMap;
+export var HeatMap = MockMap;
+export var PathMap = MockMap;
+export var PinMap = MockMap;

package/dist/esm/export.d.ts

@@ -4,7 +4,6 @@ import { default as Area, type AreaProps } from './Area';
 import { default as Bar, type BarProps } from './Bar';
 import { default as Column, type ColumnProps } from './Column';
 import { default as DualAxes, type DualAxesProps } from './DualAxes';
-import { default as HeatMap, type HeatMapProps } from './HeatMap';
 import { default as Histogram, type HistogramProps } from './Histogram';
 import { default as Line, type LineProps } from './Line';
 import { default as Pie, type PieProps } from './Pie';
@@ -18,11 +17,10 @@ import { default as FlowDiagram, type FlowDiagramProps } from './FlowDiagram';
 import { default as MindMap, type MindMapProps } from './MindMap';
 import { default as NetworkGraph, type NetworkGraphProps } from './NetworkGraph';
 export { default as IndentedTree, type IndentedTreeProps } from './IndentedTree';
-export { default as Map, type MapProps } from './Map';
 export { default as OrganizationChart, type OrganizationChartProps } from './OrganizationChart';
 /********** map chart **********/
-import { default as PathMap, type PathMapProps } from './PathMap';
-import { default as PinMap, type PinMapProps } from './PinMap';
+export { Map, type MapProps } from './export-map';
+import { PinMap, type PinMapProps, HeatMap, type HeatMapProps, PathMap, type PathMapProps } from './export-map';
 /********** NTV **********/
 export { VisText, type VisTextProps } from './Text';
 export { Area, Bar, Column, DualAxes, FishboneDiagram, FlowDiagram, HeatMap, Histogram, Line, MindMap, NetworkGraph, PathMap, Pie, PinMap, Radar, Scatter, Treemap, WordCloud, type AreaProps, type BarProps, type ColumnProps, type DualAxesProps, type FishboneDiagramProps, type FlowDiagramProps, type HeatMapProps, type HistogramProps, type LineProps, type MindMapProps, type NetworkGraphProps, type PathMapProps, type PieProps, type PinMapProps, type RadarProps, type ScatterProps, type TreemapProps, type WordCloudProps, };

package/dist/esm/export.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _DEFAULT_CHART_COMPON;
+// organize-imports-ignore
 import { ChartType } from "./types";
 
 /********** plot chart **********/
@@ -7,7 +8,6 @@ import { default as Area } from "./Area";
 import { default as Bar } from "./Bar";
 import { default as Column } from "./Column";
 import { default as DualAxes } from "./DualAxes";
-import { default as HeatMap } from "./HeatMap";
 import { default as Histogram } from "./Histogram";
 import { default as Line } from "./Line";
 import { default as Pie } from "./Pie";
@@ -22,14 +22,13 @@ import { default as FlowDiagram } from "./FlowDiagram";
 import { default as MindMap } from "./MindMap";
 import { default as NetworkGraph } from "./NetworkGraph";
 export { default as IndentedTree } from "./IndentedTree";
-export { default as Map } from "./Map";
 export { default as OrganizationChart } from "./OrganizationChart";
 
 /********** map chart **********/
-import { default as PathMap } from "./PathMap";
-import { default as PinMap } from "./PinMap";
+export { Map } from "./export-map";
+import { PinMap, HeatMap, PathMap } from "./export-map";
 
 /********** NTV **********/
 export { VisText } from "./Text";
 export { Area, Bar, Column, DualAxes, FishboneDiagram, FlowDiagram, HeatMap, Histogram, Line, MindMap, NetworkGraph, PathMap, Pie, PinMap, Radar, Scatter, Treemap, WordCloud };
-export var DEFAULT_CHART_COMPONENTS = (_DEFAULT_CHART_COMPON = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.Line, Line), ChartType.Column, Column), ChartType.Pie, Pie), ChartType.Bar, Bar), ChartType.Area, Area), ChartType.Scatter, Scatter), ChartType.PinMap, PinMap), ChartType.PathMap, PathMap), ChartType.HeatMap, HeatMap), ChartType.MindMap, MindMap), _defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.FlowDiagram, FlowDiagram), ChartType.NetworkGraph, NetworkGraph), ChartType.FishboneDiagram, FishboneDiagram));
+export var DEFAULT_CHART_COMPONENTS = (_DEFAULT_CHART_COMPON = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_DEFAULT_CHART_COMPON, ChartType.Line, Line), ChartType.Column, Column), ChartType.Pie, Pie), ChartType.Bar, Bar), ChartType.Area, Area), ChartType.Scatter, Scatter), ChartType.PinMap, PinMap), ChartType.HeatMap, HeatMap), ChartType.MindMap, MindMap), ChartType.FlowDiagram, FlowDiagram), _defineProperty(_DEFAULT_CHART_COMPON, ChartType.NetworkGraph, NetworkGraph));

package/dist/esm/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.2.1";
+declare const _default: "0.3.0-beta.0";
 export default _default;

package/dist/esm/version.js

@@ -1 +1 @@
-export default '0.2.1';
+export default '0.3.0-beta.0';