@antv/gpt-vis 0.5.6 → 0.5.8

package/dist/cjs/export.js

@@ -31,15 +31,18 @@ var export_exports = {};
 __export(export_exports, {
   Area: () => import_Area.default,
   Bar: () => import_Bar.default,
+  Boxplot: () => import_Boxplot.default,
   Column: () => import_Column.default,
   DEFAULT_CHART_COMPONENTS: () => DEFAULT_CHART_COMPONENTS,
   DualAxes: () => import_DualAxes.default,
   FishboneDiagram: () => import_FishboneDiagram.default,
   FlowDiagram: () => import_FlowDiagram.default,
+  Funnel: () => import_Funnel.default,
   HeatMap: () => import_export_map2.HeatMap,
   Histogram: () => import_Histogram.default,
   IndentedTree: () => import_IndentedTree.default,
   Line: () => import_Line.default,
+  Liquid: () => import_Liquid.default,
   Map: () => import_export_map.Map,
   MindMap: () => import_MindMap.default,
   NetworkGraph: () => import_NetworkGraph.default,
@@ -48,8 +51,12 @@ __export(export_exports, {
   Pie: () => import_Pie.default,
   PinMap: () => import_export_map2.PinMap,
   Radar: () => import_Radar.default,
+  Sankey: () => import_Sankey.default,
   Scatter: () => import_Scatter.default,
+  Table: () => import_Table.default,
   Treemap: () => import_Treemap.default,
+  Venn: () => import_Venn.default,
+  Violin: () => import_Violin.default,
   VisText: () => import_Text.VisText,
   WordCloud: () => import_WordCloud.default
 });
@@ -57,50 +64,75 @@ module.exports = __toCommonJS(export_exports);
 var import_types = require("./types");
 var import_Area = __toESM(require("./Area"));
 var import_Bar = __toESM(require("./Bar"));
+var import_Boxplot = __toESM(require("./Boxplot"));
 var import_Column = __toESM(require("./Column"));
 var import_DualAxes = __toESM(require("./DualAxes"));
+var import_Funnel = __toESM(require("./Funnel"));
 var import_Histogram = __toESM(require("./Histogram"));
 var import_Line = __toESM(require("./Line"));
+var import_Liquid = __toESM(require("./Liquid"));
 var import_Pie = __toESM(require("./Pie"));
 var import_Radar = __toESM(require("./Radar"));
+var import_Sankey = __toESM(require("./Sankey"));
 var import_Scatter = __toESM(require("./Scatter"));
 var import_Treemap = __toESM(require("./Treemap"));
+var import_Venn = __toESM(require("./Venn"));
+var import_Violin = __toESM(require("./Violin"));
 var import_WordCloud = __toESM(require("./WordCloud"));
 var import_FishboneDiagram = __toESM(require("./FishboneDiagram"));
 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_OrganizationChart = __toESM(require("./OrganizationChart"));
+var import_IndentedTree = __toESM(require("./IndentedTree"));
 var import_export_map = require("./export-map");
 var import_export_map2 = require("./export-map");
+var import_Table = __toESM(require("./Table"));
 var import_Text = require("./Text");
 var DEFAULT_CHART_COMPONENTS = {
-  [import_types.ChartType.Line]: import_Line.default,
-  [import_types.ChartType.Column]: import_Column.default,
-  [import_types.ChartType.Pie]: import_Pie.default,
-  [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_export_map2.PinMap,
+  [import_types.ChartType.Bar]: import_Bar.default,
+  [import_types.ChartType.Boxplot]: import_Boxplot.default,
+  [import_types.ChartType.Column]: import_Column.default,
+  [import_types.ChartType.DualAxes]: import_DualAxes.default,
+  [import_types.ChartType.FishboneDiagram]: import_FishboneDiagram.default,
+  [import_types.ChartType.FlowDiagram]: import_FlowDiagram.default,
+  [import_types.ChartType.Funnel]: import_Funnel.default,
   [import_types.ChartType.HeatMap]: import_export_map2.HeatMap,
+  [import_types.ChartType.Histogram]: import_Histogram.default,
+  [import_types.ChartType.IndentedTree]: import_IndentedTree.default,
+  [import_types.ChartType.Line]: import_Line.default,
+  [import_types.ChartType.Liquid]: import_Liquid.default,
   [import_types.ChartType.MindMap]: import_MindMap.default,
-  [import_types.ChartType.FlowDiagram]: import_FlowDiagram.default,
-  [import_types.ChartType.NetworkGraph]: import_NetworkGraph.default
+  [import_types.ChartType.NetworkGraph]: import_NetworkGraph.default,
+  [import_types.ChartType.Pie]: import_Pie.default,
+  [import_types.ChartType.PinMap]: import_export_map2.PinMap,
+  [import_types.ChartType.Radar]: import_Radar.default,
+  [import_types.ChartType.Sankey]: import_Sankey.default,
+  [import_types.ChartType.Scatter]: import_Scatter.default,
+  [import_types.ChartType.Treemap]: import_Treemap.default,
+  [import_types.ChartType.Venn]: import_Venn.default,
+  [import_types.ChartType.Violin]: import_Violin.default,
+  [import_types.ChartType.Table]: import_Table.default,
+  [import_types.ChartType.WordCloud]: import_WordCloud.default,
+  [import_types.ChartType.OrganizationChart]: import_OrganizationChart.default
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Area,
   Bar,
+  Boxplot,
   Column,
   DEFAULT_CHART_COMPONENTS,
   DualAxes,
   FishboneDiagram,
   FlowDiagram,
+  Funnel,
   HeatMap,
   Histogram,
   IndentedTree,
   Line,
+  Liquid,
   Map,
   MindMap,
   NetworkGraph,
@@ -109,8 +141,12 @@ var DEFAULT_CHART_COMPONENTS = {
   Pie,
   PinMap,
   Radar,
+  Sankey,
   Scatter,
+  Table,
   Treemap,
+  Venn,
+  Violin,
   VisText,
   WordCloud
 });

package/dist/cjs/types/chart.d.ts

@@ -3,27 +3,34 @@ import type { CSSProperties, ReactNode } from 'react';
 import type { Map } from './map';
 export type { LarkMapProps };
 export declare enum ChartType {
-    Pie = "pie",
-    Column = "column",
-    Line = "line",
     Area = "area",
-    Scatter = "scatter",
-    Histogram = "histogram",
-    Treemap = "treemap",
     Bar = "bar",
-    WordCloud = "word-cloud",
+    Boxplot = "boxplot",
+    Column = "column",
     DualAxes = "dual-axes",
-    Radar = "radar",
-    PinMap = "pin-map",
-    PathMap = "path-map",
-    HeatMap = "heat-map",
-    MindMap = "mind-map",
     FishboneDiagram = "fishbone-diagram",
     FlowDiagram = "flow-diagram",
+    Funnel = "funnel",
+    HeatMap = "heat-map",
+    Histogram = "histogram",
     IndentedTree = "indented-tree",
+    Line = "line",
+    Liquid = "liquid",
+    MindMap = "mind-map",
     NetworkGraph = "network-graph",
     OrganizationChart = "organization-chart",
-    VisText = "vis-text"
+    PathMap = "path-map",
+    Pie = "pie",
+    PinMap = "pin-map",
+    Radar = "radar",
+    Sankey = "sankey",
+    Scatter = "scatter",
+    Treemap = "treemap",
+    Venn = "venn",
+    Violin = "violin",
+    Table = "table",
+    VisText = "vis-text",
+    WordCloud = "word-cloud"
 }
 export type Charts = keyof typeof ChartType;
 export interface BaseChartProps {

package/dist/cjs/types/chart.js

@@ -23,27 +23,34 @@ __export(chart_exports, {
 });
 module.exports = __toCommonJS(chart_exports);
 var ChartType = /* @__PURE__ */ ((ChartType2) => {
-  ChartType2["Pie"] = "pie";
-  ChartType2["Column"] = "column";
-  ChartType2["Line"] = "line";
   ChartType2["Area"] = "area";
-  ChartType2["Scatter"] = "scatter";
-  ChartType2["Histogram"] = "histogram";
-  ChartType2["Treemap"] = "treemap";
   ChartType2["Bar"] = "bar";
-  ChartType2["WordCloud"] = "word-cloud";
+  ChartType2["Boxplot"] = "boxplot";
+  ChartType2["Column"] = "column";
   ChartType2["DualAxes"] = "dual-axes";
-  ChartType2["Radar"] = "radar";
-  ChartType2["PinMap"] = "pin-map";
-  ChartType2["PathMap"] = "path-map";
-  ChartType2["HeatMap"] = "heat-map";
-  ChartType2["MindMap"] = "mind-map";
   ChartType2["FishboneDiagram"] = "fishbone-diagram";
   ChartType2["FlowDiagram"] = "flow-diagram";
+  ChartType2["Funnel"] = "funnel";
+  ChartType2["HeatMap"] = "heat-map";
+  ChartType2["Histogram"] = "histogram";
   ChartType2["IndentedTree"] = "indented-tree";
+  ChartType2["Line"] = "line";
+  ChartType2["Liquid"] = "liquid";
+  ChartType2["MindMap"] = "mind-map";
   ChartType2["NetworkGraph"] = "network-graph";
   ChartType2["OrganizationChart"] = "organization-chart";
+  ChartType2["PathMap"] = "path-map";
+  ChartType2["Pie"] = "pie";
+  ChartType2["PinMap"] = "pin-map";
+  ChartType2["Radar"] = "radar";
+  ChartType2["Sankey"] = "sankey";
+  ChartType2["Scatter"] = "scatter";
+  ChartType2["Treemap"] = "treemap";
+  ChartType2["Venn"] = "venn";
+  ChartType2["Violin"] = "violin";
+  ChartType2["Table"] = "table";
   ChartType2["VisText"] = "vis-text";
+  ChartType2["WordCloud"] = "word-cloud";
   return ChartType2;
 })(ChartType || {});
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.5.6";
+declare const _default: "0.5.8";
 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.5.6";
+var version_default = "0.5.8";

package/dist/esm/Bar/index.d.ts

@@ -6,6 +6,9 @@ type BarDataItem = {
     value: number;
     [key: string]: string | number;
 };
-export type BarProps = BasePlotProps<BarDataItem> & Partial<BarConfig> & Theme & Style;
+export type BarProps = BasePlotProps<BarDataItem> & Partial<BarConfig> & Theme & Style & {
+    group?: boolean;
+    stack?: boolean;
+};
 declare const Bar: (props: BarProps) => React.JSX.Element;
 export default Bar;

package/dist/esm/Bar/index.js

@@ -44,7 +44,7 @@ var defaultConfig = function defaultConfig(props) {
       }
     };
   }
-  return _objectSpread({
+  return _objectSpread(_objectSpread({
     xField: xField,
     yField: yField,
     colorField: hasGroupField ? 'group' : xField,
@@ -69,13 +69,23 @@ var defaultConfig = function defaultConfig(props) {
     }
   } : {
     viewStyle: undefined
+  }), {}, {
+    legend: hasGroupField ? {} : false
   });
 };
 var Bar = function Bar(props) {
   var _props$theme2;
   var themeConfig = THEME_MAP[(_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 ? _props$theme2 : 'default'];
+  var data = props.data,
+    _props$group = props.group,
+    group = _props$group === void 0 ? false : _props$group,
+    _props$stack = props.stack,
+    stack = _props$stack === void 0 ? false : _props$stack;
+  var hasGroupField = get(data, '[0].group') !== undefined;
   var config = usePlotConfig('Bar', defaultConfig, _objectSpread(_objectSpread({}, props), {}, {
-    theme: themeConfig
+    theme: themeConfig,
+    group: hasGroupField && group,
+    stack: hasGroupField && stack
   }));
   return /*#__PURE__*/React.createElement(ADCBar, config);
 };

package/dist/esm/Boxplot/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { BasePlotProps, Style, Theme } from '../types';
+type BoxplotDatum = {
+    category: string;
+    value: number;
+    group?: string;
+};
+export type BoxplotProps = BasePlotProps<BoxplotDatum> & Theme & Style & {
+    xField?: string;
+    yField?: string;
+};
+declare const Boxplot: (props: BoxplotProps) => React.JSX.Element;
+export default Boxplot;

package/dist/esm/Boxplot/index.js

@@ -0,0 +1,83 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Box as ADCBox } from '@ant-design/plots';
+import React from 'react';
+import { usePlotConfig } from "../ConfigProvider/hooks";
+import { THEME_MAP } from "../theme";
+var defaultConfig = function defaultConfig(props) {
+  var _;
+  var data = props.data,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    axisYTitle = props.axisYTitle,
+    axisXTitle = props.axisXTitle,
+    _props$xField = props.xField,
+    xField = _props$xField === void 0 ? 'category' : _props$xField,
+    _props$yField = props.yField,
+    yField = _props$yField === void 0 ? 'value' : _props$yField;
+  var backgroundColor = style.backgroundColor,
+    palette = style.palette;
+  var hasGroupField = ((_ = (data || [])[0]) === null || _ === void 0 ? void 0 : _.group) !== undefined;
+  var paletteConfig = {
+    color: undefined
+  };
+  var hasPalette = !!(palette !== null && palette !== void 0 && palette[0]);
+  var colorField = hasGroupField ? 'group' : 'category';
+  var seriesField = hasGroupField ? 'group' : 'category';
+  if (hasPalette) {
+    paletteConfig = {
+      color: {
+        range: palette
+      }
+    };
+  }
+  return _objectSpread({
+    data: data,
+    boxType: 'boxplot',
+    xField: xField,
+    yField: yField,
+    colorField: colorField,
+    seriesField: seriesField,
+    axis: {
+      y: {
+        title: axisYTitle || false
+      },
+      x: {
+        title: axisXTitle || false
+      }
+    },
+    scale: _objectSpread({
+      x: {
+        paddingInner: 0.6,
+        paddingOuter: 0.3
+      },
+      series: {
+        paddingInner: 0.3,
+        paddingOuter: 0.1
+      },
+      y: {
+        nice: true
+      }
+    }, paletteConfig),
+    style: {
+      stroke: 'black'
+    }
+  }, backgroundColor ? {
+    viewStyle: {
+      viewFill: backgroundColor
+    }
+  } : {});
+};
+var Boxplot = function Boxplot(props) {
+  var _props$theme;
+  var themeConfig = THEME_MAP[(_props$theme = props.theme) !== null && _props$theme !== void 0 ? _props$theme : 'default'];
+  var config = usePlotConfig('Boxplot', defaultConfig, _objectSpread(_objectSpread({}, props), {}, {
+    theme: themeConfig
+  }));
+  return /*#__PURE__*/React.createElement(ADCBox, config);
+};
+export default Boxplot;

package/dist/esm/ChartCodeRender/VisChart.js

@@ -376,7 +376,8 @@ export var RenderVisChart = /*#__PURE__*/memo(function (_ref) {
       }
     }
   }, /*#__PURE__*/React.createElement(StyledGPTVis, {
-    className: "gpt-vis"
+    className: "gpt-vis",
+    type: type
   }, /*#__PURE__*/React.createElement(GlobalStyles, null), /*#__PURE__*/React.createElement(ChartWrapper, {
     ref: chartContainerRef
   }, /*#__PURE__*/React.createElement(ChartComponent, _extends({}, chartProps, {

package/dist/esm/ChartCodeRender/styles.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
-export declare const StyledGPTVis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface StyledGPTVisProps {
+    type?: string;
+}
+export declare const StyledGPTVis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledGPTVisProps>> & string;
 export declare const TextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const ChartWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TabContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -13,3 +16,4 @@ export declare const StyledTabButton: import("styled-components/dist/types").ISt
     active?: boolean | undefined;
 }>> & string;
 export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

package/dist/esm/ChartCodeRender/styles.js

@@ -2,7 +2,10 @@ import styled, { createGlobalStyle } from 'styled-components';
 export var StyledGPTVis = styled.div.withConfig({
   displayName: "StyledGPTVis",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-0"
-})(["min-width:300px;max-width:100%;height:300px;overflow:hidden;position:relative;padding:16px;"]);
+})(["min-width:300px;max-width:100%;height:", ";overflow:hidden;position:relative;padding:16px;"], function (_ref) {
+  var type = _ref.type;
+  return type === 'table' ? 'auto' : '300px';
+});
 export var TextButton = styled.button.withConfig({
   displayName: "TextButton",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-1"
@@ -10,7 +13,7 @@ export var TextButton = styled.button.withConfig({
 export var ChartWrapper = styled.div.withConfig({
   displayName: "ChartWrapper",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-2"
-})(["width:100%;height:100%;h5{font-size:12px;font-weight:400;color:#666;height:150px;display:flex;align-items:center;justify-content:center;}& > *{max-width:100%;max-height:100%;}"]);
+})(["width:100%;height:100%;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}h5{font-size:12px;font-weight:400;color:#666;height:150px;display:flex;align-items:center;justify-content:center;}& > *{max-width:100%;max-height:100%;}"]);
 export var TabContainer = styled.div.withConfig({
   displayName: "TabContainer",
   componentId: "gpt-vis-c7ef__sc-2dc7ka-3"

package/dist/esm/Column/index.d.ts

@@ -5,6 +5,9 @@ export type ColumnDataItem = {
     value: number;
     [key: string]: string | number;
 };
-export type ColumnProps = BasePlotProps<ColumnDataItem> & Theme & Style;
+export type ColumnProps = BasePlotProps<ColumnDataItem> & Theme & Style & {
+    group?: boolean;
+    stack?: boolean;
+};
 declare const Column: (props: ColumnProps) => React.JSX.Element;
 export default Column;

package/dist/esm/Column/index.js

@@ -44,7 +44,7 @@ var defaultConfig = function defaultConfig(props) {
       }
     };
   }
-  return _objectSpread({
+  return _objectSpread(_objectSpread({
     xField: xField,
     yField: yField,
     colorField: hasGroupField ? 'group' : xField,
@@ -69,13 +69,24 @@ var defaultConfig = function defaultConfig(props) {
     }
   } : {
     viewStyle: undefined
+  }), {}, {
+    legend: hasGroupField ? {} : false,
+    group: hasGroupField
   });
 };
 var Column = function Column(props) {
   var _props$theme2;
   var themeConfig = THEME_MAP[(_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 ? _props$theme2 : 'default'];
+  var data = props.data,
+    _props$group = props.group,
+    group = _props$group === void 0 ? false : _props$group,
+    _props$stack = props.stack,
+    stack = _props$stack === void 0 ? false : _props$stack;
+  var hasGroupField = get(data, '[0].group') !== undefined;
   var config = usePlotConfig('Column', defaultConfig, _objectSpread(_objectSpread({}, props), {}, {
-    theme: themeConfig
+    theme: themeConfig,
+    group: hasGroupField && group,
+    stack: hasGroupField && stack
   }));
   return /*#__PURE__*/React.createElement(ADCColumn, config);
 };

package/dist/esm/DualAxes/util.js

@@ -9,7 +9,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { ChartType } from "../types";
 export function transform(series, categories) {
-  var newChildren = series.map(function (item, index) {
+  var newChildren = series.sort(function (a, b) {
+    var ORDER = ['column', 'line'];
+    return ORDER.indexOf(a.type) - ORDER.indexOf(b.type);
+  }).map(function (item, index) {
     var type = item.type,
       axisYTitle = item.axisYTitle,
       others = _objectWithoutProperties(item, _excluded);

package/dist/esm/Funnel/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { BasePlotProps, Style, Theme } from '../types';
+type FunnelDatum = {
+    category: string;
+    value: number;
+};
+export type FunnelProps = BasePlotProps<FunnelDatum> & Theme & Style & {
+    width?: number;
+    height?: number;
+};
+declare const Funnel: (props: FunnelProps) => React.JSX.Element;
+export default Funnel;