@rio-cloud/rio-uikit 0.16.4-beta.2 → 0.16.4-beta.20

package/lib/es/components/charts/Bar.js

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Bar = () => null;
-Bar.defaultProps = {
-    isAnimationActive: true,
-    dataKey: 'value',
-    dataUnit: '',
-    color: 'color-coldplay-fountain',
-};
-exports.default = Bar;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Bar = () => null;
+Bar.defaultProps = {
+    isAnimationActive: true,
+    dataKey: 'value',
+    dataUnit: '',
+    color: 'color-coldplay-fountain',
+};
+exports.default = Bar;

package/lib/es/components/charts/BarChart.d.ts

@@ -1,18 +1,18 @@
-export default BarChart;
-declare function BarChart(props: any): JSX.Element;
-declare namespace BarChart {
-    namespace defaultProps {
-        const width: number;
-        const height: number;
-        const data: never[];
-        const layout: string;
-        const bars: never[];
-        const showGrid: boolean;
-        const showXAxis: boolean;
-        const showYAxis: boolean;
-        const useDataColors: boolean;
-        const brush: boolean;
-        const tooltip: JSX.Element;
-        const legend: boolean;
-    }
-}
+export default BarChart;
+declare function BarChart(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace BarChart {
+    namespace defaultProps {
+        const width: number;
+        const height: number;
+        const data: never[];
+        const layout: string;
+        const bars: never[];
+        const showGrid: boolean;
+        const showXAxis: boolean;
+        const showYAxis: boolean;
+        const useDataColors: boolean;
+        const brush: boolean;
+        const tooltip: import("react/jsx-runtime").JSX.Element;
+        const legend: boolean;
+    }
+}

package/lib/es/components/charts/BarChart.js

@@ -1,45 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const recharts_1 = require("recharts");
-const chartHelper_1 = require("./chartHelper");
-const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
-const BarChart = props => {
-    const { width, height, data, dataUnit, dataKey, layout, legend, bars, xAxisOptions, yAxisOptions, gridOptions, showGrid, showXAxis, showYAxis, useDataColors, brush, tooltip } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "data", "dataUnit", "dataKey", "layout", "legend", "bars", "xAxisOptions", "yAxisOptions", "gridOptions", "showGrid", "showXAxis", "showYAxis", "useDataColors", "brush", "tooltip"]);
-    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { children: (0, jsx_runtime_1.jsxs)(recharts_1.BarChart, Object.assign({ layout: layout, width: width, height: height, data: data }, remainingProps, { children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, Object.assign({ strokeDasharray: '3 3' }, (0, chartHelper_1.mapGridOptions)(gridOptions))), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, Object.assign({ hide: !showXAxis, dataKey: dataKey }, xAxisOptions)), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, Object.assign({ hide: !showYAxis, unit: dataUnit }, yAxisOptions)), legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ payload: useDataColors &&
-                        data.map((entry, index) => {
-                            const legendColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
-                            return Object.assign(Object.assign({}, entry), { type: 'square', color: legendColor });
-                        }) }, legend.props))), tooltip && (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, Object.assign({ cursor: { fill: chartHelper_1.CURSOR_BACKGROUND_COLOR } }, tooltip.props)), bars.map(bar => {
-                    const _a = bar.props, { dataUnit, color } = _a, remainingBarProps = tslib_1.__rest(_a, ["dataUnit", "color"]);
-                    const cellColor = color && (0, chartHelper_1.getColor)(color);
-                    return ((0, jsx_runtime_1.jsx)(recharts_1.Bar, Object.assign({ unit: dataUnit }, remainingBarProps, { fill: cellColor }, { children: useDataColors &&
-                            data.map((entry, index) => {
-                                const cellColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
-                                return (0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: cellColor }, `cell-${index}`);
-                            }) }), bar.key));
-                }), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] })) }));
-};
-BarChart.defaultProps = {
-    width: 480,
-    height: 200,
-    data: [],
-    // dataUnit,
-    // dataKey,
-    layout: 'horizontal',
-    // legend,
-    bars: [],
-    // xAxisOptions,
-    // yAxisOptions,
-    // gridOptions,
-    showGrid: false,
-    showXAxis: true,
-    showYAxis: true,
-    useDataColors: false,
-    brush: false,
-    tooltip: (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, {}),
-    legend: false,
-};
-exports.default = BarChart;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const recharts_1 = require("recharts");
+const chartHelper_1 = require("./chartHelper");
+const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
+const BarChart = props => {
+    const { width, height, data, dataUnit, dataKey, layout, legend, bars, xAxisOptions, yAxisOptions, gridOptions, showGrid, showXAxis, showYAxis, useDataColors, brush, tooltip } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "data", "dataUnit", "dataKey", "layout", "legend", "bars", "xAxisOptions", "yAxisOptions", "gridOptions", "showGrid", "showXAxis", "showYAxis", "useDataColors", "brush", "tooltip"]);
+    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, { children: (0, jsx_runtime_1.jsxs)(recharts_1.BarChart, Object.assign({ layout: layout, width: width, height: height, data: data }, remainingProps, { children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, Object.assign({ strokeDasharray: '3 3' }, (0, chartHelper_1.mapGridOptions)(gridOptions))), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, Object.assign({ hide: !showXAxis, dataKey: dataKey }, xAxisOptions)), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, Object.assign({ hide: !showYAxis, unit: dataUnit }, yAxisOptions)), legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ payload: useDataColors &&
+                        data.map((entry, index) => {
+                            const legendColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
+                            return Object.assign(Object.assign({}, entry), { type: 'square', color: legendColor });
+                        }) }, legend.props))), tooltip && (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, Object.assign({ cursor: { fill: chartHelper_1.CURSOR_BACKGROUND_COLOR } }, tooltip.props)), bars.map(bar => {
+                    const _a = bar.props, { dataUnit, color } = _a, remainingBarProps = tslib_1.__rest(_a, ["dataUnit", "color"]);
+                    const cellColor = color && (0, chartHelper_1.getColor)(color);
+                    return ((0, jsx_runtime_1.jsx)(recharts_1.Bar, Object.assign({ unit: dataUnit }, remainingBarProps, { fill: cellColor }, { children: useDataColors &&
+                            data.map((entry, index) => {
+                                const cellColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
+                                return (0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: cellColor }, `cell-${index}`);
+                            }) }), bar.key));
+                }), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] })) }));
+};
+BarChart.defaultProps = {
+    width: 480,
+    height: 200,
+    data: [],
+    // dataUnit,
+    // dataKey,
+    layout: 'horizontal',
+    // legend,
+    bars: [],
+    // xAxisOptions,
+    // yAxisOptions,
+    // gridOptions,
+    showGrid: false,
+    showXAxis: true,
+    showYAxis: true,
+    useDataColors: false,
+    brush: false,
+    tooltip: (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, {}),
+    legend: false,
+};
+exports.default = BarChart;

package/lib/es/components/charts/ChartNeedle.d.ts

@@ -1,12 +1,12 @@
-export default ChartNeedle;
-declare function ChartNeedle(props: any): JSX.Element;
-declare namespace ChartNeedle {
-    namespace defaultProps {
-        const width: string;
-        const height: string;
-        const x: string;
-        const y: string;
-        const rotation: number;
-        const className: string;
-    }
-}
+export default ChartNeedle;
+declare function ChartNeedle(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace ChartNeedle {
+    namespace defaultProps {
+        const width: string;
+        const height: string;
+        const x: string;
+        const y: string;
+        const rotation: number;
+        const className: string;
+    }
+}

package/lib/es/components/charts/ChartNeedle.js

@@ -1,21 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ChartNeedle = props => {
-    const { width, height, x, y, rotation, className, style } = props;
-    const needleStyle = Object.assign({ width,
-        height, transformOrigin: 'bottom', transform: `translate(${x}, ${y}) rotate(${rotation}deg)`, borderBottomLeftRadius: '4px', borderBottomRightRadius: '4px', borderTopLeftRadius: '100%', borderTopRightRadius: '100%', display: 'inline-block' }, style);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'position-relative' }, { children: (0, jsx_runtime_1.jsx)("div", { className: `position-absolute bg-dark ${className}`, style: needleStyle }) })));
-};
-ChartNeedle.defaultProps = {
-    width: '5px',
-    height: '65px',
-    x: '-50%',
-    y: '-100%',
-    rotation: 0,
-    className: '',
-    // style
-};
-exports.default = ChartNeedle;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ChartNeedle = props => {
+    const { width, height, x, y, rotation, className, style } = props;
+    const needleStyle = Object.assign({ width,
+        height, transformOrigin: 'bottom', transform: `translate(${x}, ${y}) rotate(${rotation}deg)`, borderBottomLeftRadius: '4px', borderBottomRightRadius: '4px', borderTopLeftRadius: '100%', borderTopRightRadius: '100%', display: 'inline-block' }, style);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'position-relative' }, { children: (0, jsx_runtime_1.jsx)("div", { className: `position-absolute bg-dark ${className}`, style: needleStyle }) })));
+};
+ChartNeedle.defaultProps = {
+    width: '5px',
+    height: '65px',
+    x: '-50%',
+    y: '-100%',
+    rotation: 0,
+    className: '',
+    // style
+};
+exports.default = ChartNeedle;

package/lib/es/components/charts/ChartTooltip.d.ts

@@ -1,5 +1,5 @@
-export default ChartTooltip;
-declare function ChartTooltip(): null;
-declare namespace ChartTooltip {
-    const defaultProps: {};
-}
+export default ChartTooltip;
+declare function ChartTooltip(): null;
+declare namespace ChartTooltip {
+    const defaultProps: {};
+}

package/lib/es/components/charts/ChartTooltip.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ChartTooltip = () => null;
-ChartTooltip.defaultProps = {};
-exports.default = ChartTooltip;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ChartTooltip = () => null;
+ChartTooltip.defaultProps = {};
+exports.default = ChartTooltip;

package/lib/es/components/charts/Legend.d.ts

@@ -1,11 +1,11 @@
-export default Legend;
-declare function Legend(): null;
-declare namespace Legend {
-    namespace defaultProps {
-        const iconType: string;
-        const iconSize: string;
-        const layout: string;
-        const align: string;
-        const verticalAlign: string;
-    }
-}
+export default Legend;
+declare function Legend(): null;
+declare namespace Legend {
+    namespace defaultProps {
+        const iconType: string;
+        const iconSize: string;
+        const layout: string;
+        const align: string;
+        const verticalAlign: string;
+    }
+}

package/lib/es/components/charts/Legend.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Legend = () => null;
-Legend.defaultProps = {
-    iconType: 'square',
-    iconSize: '12',
-    layout: 'vertical',
-    align: 'right',
-    verticalAlign: 'top',
-};
-exports.default = Legend;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Legend = () => null;
+Legend.defaultProps = {
+    iconType: 'square',
+    iconSize: '12',
+    layout: 'vertical',
+    align: 'right',
+    verticalAlign: 'top',
+};
+exports.default = Legend;

package/lib/es/components/charts/Line.d.ts

@@ -1,12 +1,12 @@
-export default Line;
-declare function Line(): null;
-declare namespace Line {
-    namespace defaultProps {
-        const dataKey: string;
-        const dataUnit: string;
-        const strokeColor: string;
-        const legendType: string;
-        const type: string;
-        const isAnimationActive: boolean;
-    }
-}
+export default Line;
+declare function Line(): null;
+declare namespace Line {
+    namespace defaultProps {
+        const dataKey: string;
+        const dataUnit: string;
+        const strokeColor: string;
+        const legendType: string;
+        const type: string;
+        const isAnimationActive: boolean;
+    }
+}

package/lib/es/components/charts/Line.js

@@ -1,12 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Line = () => null;
-Line.defaultProps = {
-    dataKey: 'value',
-    dataUnit: '',
-    strokeColor: 'color-coldplay-fountain',
-    legendType: 'square',
-    type: 'monotone',
-    isAnimationActive: true,
-};
-exports.default = Line;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Line = () => null;
+Line.defaultProps = {
+    dataKey: 'value',
+    dataUnit: '',
+    strokeColor: 'color-coldplay-fountain',
+    legendType: 'square',
+    type: 'monotone',
+    isAnimationActive: true,
+};
+exports.default = Line;

package/lib/es/components/charts/LineChart.d.ts

@@ -1,16 +1,16 @@
-export default LineChart;
-declare function LineChart(props: any): JSX.Element;
-declare namespace LineChart {
-    namespace defaultProps {
-        const width: number;
-        const height: number;
-        const data: never[];
-        const dataUnit: string;
-        const lines: never[];
-        const showXAxis: boolean;
-        const showYAxis: boolean;
-        const showGrid: boolean;
-        const brush: boolean;
-        const tooltip: JSX.Element;
-    }
-}
+export default LineChart;
+declare function LineChart(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace LineChart {
+    namespace defaultProps {
+        const width: number;
+        const height: number;
+        const data: never[];
+        const dataUnit: string;
+        const lines: never[];
+        const showXAxis: boolean;
+        const showYAxis: boolean;
+        const showGrid: boolean;
+        const brush: boolean;
+        const tooltip: import("react/jsx-runtime").JSX.Element;
+    }
+}

package/lib/es/components/charts/LineChart.js

@@ -1,33 +1,33 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const recharts_1 = require("recharts");
-const chartHelper_1 = require("./chartHelper");
-const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
-const LineChart = props => {
-    const { width, height, data, dataUnit, dataKey, lines, xAxisOptions, yAxisOptions, gridOptions, showXAxis, showYAxis, showGrid, legend, tooltip, brush } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "data", "dataUnit", "dataKey", "lines", "xAxisOptions", "yAxisOptions", "gridOptions", "showXAxis", "showYAxis", "showGrid", "legend", "tooltip", "brush"]);
-    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({ width: '100%', height: '100%' }, { children: (0, jsx_runtime_1.jsxs)(recharts_1.LineChart, Object.assign({ width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 } }, remainingProps, { children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, Object.assign({ strokeDasharray: '3 3' }, (0, chartHelper_1.mapGridOptions)(gridOptions))), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, Object.assign({ hide: !showXAxis, dataKey: dataKey }, xAxisOptions)), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, Object.assign({ hide: !showYAxis, unit: dataUnit }, yAxisOptions)), tooltip && (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, Object.assign({}, tooltip.props)), legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ wrapperStyle: legend.props.verticalAlign === 'bottom' ? { bottom: 0 } : legend.props.wrapperStyle }, legend.props))), lines.map(line => {
-                    const _a = line.props, { strokeColor } = _a, remainingLineProps = tslib_1.__rest(_a, ["strokeColor"]);
-                    return (0, jsx_runtime_1.jsx)(recharts_1.Line, Object.assign({ stroke: (0, chartHelper_1.getColor)(strokeColor) }, remainingLineProps), line.key);
-                }), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] })) })));
-};
-LineChart.defaultProps = {
-    width: 480,
-    height: 200,
-    data: [],
-    dataUnit: '',
-    // dataKey,
-    lines: [],
-    // xAxisOptions,
-    // yAxisOptions,
-    // gridOptions,
-    showXAxis: true,
-    showYAxis: false,
-    showGrid: false,
-    brush: false,
-    tooltip: (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, {}),
-    // legend,
-};
-exports.default = LineChart;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const recharts_1 = require("recharts");
+const chartHelper_1 = require("./chartHelper");
+const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
+const LineChart = props => {
+    const { width, height, data, dataUnit, dataKey, lines, xAxisOptions, yAxisOptions, gridOptions, showXAxis, showYAxis, showGrid, legend, tooltip, brush } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "data", "dataUnit", "dataKey", "lines", "xAxisOptions", "yAxisOptions", "gridOptions", "showXAxis", "showYAxis", "showGrid", "legend", "tooltip", "brush"]);
+    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({ width: '100%', height: '100%' }, { children: (0, jsx_runtime_1.jsxs)(recharts_1.LineChart, Object.assign({ width: width, height: height, data: data, margin: { top: 15, right: 15, left: 15, bottom: 15 } }, remainingProps, { children: [showGrid && (0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, Object.assign({ strokeDasharray: '3 3' }, (0, chartHelper_1.mapGridOptions)(gridOptions))), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, Object.assign({ hide: !showXAxis, dataKey: dataKey }, xAxisOptions)), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, Object.assign({ hide: !showYAxis, unit: dataUnit }, yAxisOptions)), tooltip && (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, Object.assign({}, tooltip.props)), legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ wrapperStyle: legend.props.verticalAlign === 'bottom' ? { bottom: 0 } : legend.props.wrapperStyle }, legend.props))), lines.map(line => {
+                    const _a = line.props, { strokeColor } = _a, remainingLineProps = tslib_1.__rest(_a, ["strokeColor"]);
+                    return (0, jsx_runtime_1.jsx)(recharts_1.Line, Object.assign({ stroke: (0, chartHelper_1.getColor)(strokeColor) }, remainingLineProps), line.key);
+                }), brush && (0, jsx_runtime_1.jsx)(recharts_1.Brush, { stroke: (0, chartHelper_1.getColor)('gray') })] })) })));
+};
+LineChart.defaultProps = {
+    width: 480,
+    height: 200,
+    data: [],
+    dataUnit: '',
+    // dataKey,
+    lines: [],
+    // xAxisOptions,
+    // yAxisOptions,
+    // gridOptions,
+    showXAxis: true,
+    showYAxis: false,
+    showGrid: false,
+    brush: false,
+    tooltip: (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, {}),
+    // legend,
+};
+exports.default = LineChart;

package/lib/es/components/charts/PieChart.d.ts

@@ -1,20 +1,20 @@
-export default PieChart;
-declare function PieChart(props: any): JSX.Element;
-declare namespace PieChart {
-    namespace defaultProps {
-        const width: string;
-        const height: number;
-        const innerRadius: number;
-        const outerRadius: number;
-        const data: never[];
-        const dataKey: string;
-        const dataUnit: string;
-        const nameKey: string;
-        const filled: boolean;
-        const labels: boolean;
-        const innerLabels: boolean;
-        const paddingAngle: number;
-        const legend: JSX.Element;
-        const tooltip: JSX.Element;
-    }
-}
+export default PieChart;
+declare function PieChart(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace PieChart {
+    namespace defaultProps {
+        const width: string;
+        const height: number;
+        const innerRadius: number;
+        const outerRadius: number;
+        const data: never[];
+        const dataKey: string;
+        const dataUnit: string;
+        const nameKey: string;
+        const filled: boolean;
+        const labels: boolean;
+        const innerLabels: boolean;
+        const paddingAngle: number;
+        const legend: import("react/jsx-runtime").JSX.Element;
+        const tooltip: import("react/jsx-runtime").JSX.Element;
+    }
+}

package/lib/es/components/charts/PieChart.js

@@ -1,50 +1,50 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
-const recharts_1 = require("recharts");
-const isFunction_1 = tslib_1.__importDefault(require("lodash/fp/isFunction"));
-const chartHelper_1 = require("./chartHelper");
-const Legend_1 = tslib_1.__importDefault(require("./Legend"));
-const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
-const RADIAN = Math.PI / 180;
-const PieChart = props => {
-    const { width, height, innerRadius, outerRadius, data, dataKey, dataUnit, nameKey, color, filled, labels, innerLabels, paddingAngle, legend, tooltip, pieOptions } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "innerRadius", "outerRadius", "data", "dataKey", "dataUnit", "nameKey", "color", "filled", "labels", "innerLabels", "paddingAngle", "legend", "tooltip", "pieOptions"]);
-    const renderInnerLabel = ({ cx, cy, midAngle, innerRadius, outerRadius, percent, index, value }) => {
-        const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
-        const x = cx + radius * Math.cos(-midAngle * RADIAN);
-        const y = cy + radius * Math.sin(-midAngle * RADIAN);
-        return ((0, jsx_runtime_1.jsx)("text", Object.assign({ x: x, y: y, fill: 'white', textAnchor: x > cx ? 'start' : 'end', dominantBaseline: 'central' }, { children: `${value} ${dataUnit}` })));
-    };
-    const renderLabels = entry => {
-        return `${(0, isFunction_1.default)(dataKey) ? dataKey(entry) : entry[dataKey]} ${dataUnit}`;
-    };
-    const pieLabel = labels && (innerLabels ? renderInnerLabel : renderLabels);
-    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({ width: width, height: height }, { children: (0, jsx_runtime_1.jsxs)(recharts_1.PieChart, Object.assign({}, remainingProps, { children: [legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ formatter: (value, entry) => (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-color-darker' }, { children: value })) }, legend.props))), (0, jsx_runtime_1.jsx)(recharts_1.Pie, Object.assign({ data: data, isAnimationActive: true, nameKey: nameKey, dataKey: dataKey, label: pieLabel, 
-                    // cx={Math.max(outerRadius, width / 3)}
-                    // cy={height / 2}
-                    innerRadius: filled ? 0 : innerRadius, outerRadius: outerRadius, paddingAngle: filled ? 0 : paddingAngle, labelLine: !innerLabels }, pieOptions, { children: data.map((entry, index) => {
-                        const cellColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
-                        return ((0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: (0, isFunction_1.default)(color) ? (0, chartHelper_1.getColor)(color(entry, index)) : cellColor }, `cell-${index}`));
-                    }) })), tooltip && (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, Object.assign({ formatter: value => `${value} ${dataUnit}` }, tooltip.props))] })) })));
-};
-PieChart.defaultProps = {
-    width: '100%',
-    height: 250,
-    innerRadius: 60,
-    outerRadius: 80,
-    data: [],
-    dataKey: 'value',
-    dataUnit: '',
-    nameKey: 'name',
-    // color,
-    filled: false,
-    labels: true,
-    innerLabels: false,
-    paddingAngle: 3,
-    // pieOptions,
-    legend: (0, jsx_runtime_1.jsx)(Legend_1.default, {}),
-    tooltip: (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, {}),
-};
-exports.default = PieChart;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const recharts_1 = require("recharts");
+const isFunction_1 = tslib_1.__importDefault(require("lodash/fp/isFunction"));
+const chartHelper_1 = require("./chartHelper");
+const Legend_1 = tslib_1.__importDefault(require("./Legend"));
+const ChartTooltip_1 = tslib_1.__importDefault(require("./ChartTooltip"));
+const RADIAN = Math.PI / 180;
+const PieChart = props => {
+    const { width, height, innerRadius, outerRadius, data, dataKey, dataUnit, nameKey, color, filled, labels, innerLabels, paddingAngle, legend, tooltip, pieOptions } = props, remainingProps = tslib_1.__rest(props, ["width", "height", "innerRadius", "outerRadius", "data", "dataKey", "dataUnit", "nameKey", "color", "filled", "labels", "innerLabels", "paddingAngle", "legend", "tooltip", "pieOptions"]);
+    const renderInnerLabel = ({ cx, cy, midAngle, innerRadius, outerRadius, percent, index, value }) => {
+        const radius = innerRadius + (outerRadius - innerRadius) * 0.5;
+        const x = cx + radius * Math.cos(-midAngle * RADIAN);
+        const y = cy + radius * Math.sin(-midAngle * RADIAN);
+        return ((0, jsx_runtime_1.jsx)("text", Object.assign({ x: x, y: y, fill: 'white', textAnchor: x > cx ? 'start' : 'end', dominantBaseline: 'central' }, { children: `${value} ${dataUnit}` })));
+    };
+    const renderLabels = entry => {
+        return `${(0, isFunction_1.default)(dataKey) ? dataKey(entry) : entry[dataKey]} ${dataUnit}`;
+    };
+    const pieLabel = labels && (innerLabels ? renderInnerLabel : renderLabels);
+    return ((0, jsx_runtime_1.jsx)(recharts_1.ResponsiveContainer, Object.assign({ width: width, height: height }, { children: (0, jsx_runtime_1.jsxs)(recharts_1.PieChart, Object.assign({}, remainingProps, { children: [legend && ((0, jsx_runtime_1.jsx)(recharts_1.Legend, Object.assign({ formatter: (value, entry) => (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-color-darker' }, { children: value })) }, legend.props))), (0, jsx_runtime_1.jsx)(recharts_1.Pie, Object.assign({ data: data, isAnimationActive: true, nameKey: nameKey, dataKey: dataKey, label: pieLabel, 
+                    // cx={Math.max(outerRadius, width / 3)}
+                    // cy={height / 2}
+                    innerRadius: filled ? 0 : innerRadius, outerRadius: outerRadius, paddingAngle: filled ? 0 : paddingAngle, labelLine: !innerLabels }, pieOptions, { children: data.map((entry, index) => {
+                        const cellColor = (0, chartHelper_1.getColor)(entry.color) || (0, chartHelper_1.getFromDefaultColors)(index);
+                        return ((0, jsx_runtime_1.jsx)(recharts_1.Cell, { fill: (0, isFunction_1.default)(color) ? (0, chartHelper_1.getColor)(color(entry, index)) : cellColor }, `cell-${index}`));
+                    }) })), tooltip && (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, Object.assign({ formatter: value => `${value} ${dataUnit}` }, tooltip.props))] })) })));
+};
+PieChart.defaultProps = {
+    width: '100%',
+    height: 250,
+    innerRadius: 60,
+    outerRadius: 80,
+    data: [],
+    dataKey: 'value',
+    dataUnit: '',
+    nameKey: 'name',
+    // color,
+    filled: false,
+    labels: true,
+    innerLabels: false,
+    paddingAngle: 3,
+    // pieOptions,
+    legend: (0, jsx_runtime_1.jsx)(Legend_1.default, {}),
+    tooltip: (0, jsx_runtime_1.jsx)(ChartTooltip_1.default, {}),
+};
+exports.default = PieChart;

package/lib/es/components/charts/RadialBarChart.d.ts

@@ -1,20 +1,20 @@
-export default RadialBarChart;
-declare function RadialBarChart(props: any): JSX.Element;
-declare namespace RadialBarChart {
-    namespace defaultProps {
-        const width: number;
-        const height: number;
-        const data: never[];
-        const dataKey: string;
-        const startAngle: number;
-        const endAngle: number;
-        const innerRadius: string;
-        const outerRadius: string;
-        const clockWise: boolean;
-        const legend: JSX.Element;
-        const showBarLabel: boolean;
-        const cornerRadius: number;
-        const background: boolean;
-        const tooltip: boolean;
-    }
-}
+export default RadialBarChart;
+declare function RadialBarChart(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace RadialBarChart {
+    namespace defaultProps {
+        const width: number;
+        const height: number;
+        const data: never[];
+        const dataKey: string;
+        const startAngle: number;
+        const endAngle: number;
+        const innerRadius: string;
+        const outerRadius: string;
+        const clockWise: boolean;
+        const legend: import("react/jsx-runtime").JSX.Element;
+        const showBarLabel: boolean;
+        const cornerRadius: number;
+        const background: boolean;
+        const tooltip: boolean;
+    }
+}