@smitch/breeze 1.5.6 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/@hooks/useWindowWidth.js +7 -5
- package/lib/@utils/merge.js +5 -2
- package/lib/accordion/Accordion.js +14 -12
- package/lib/accordion/atoms/AccordionCard.js +8 -6
- package/lib/accordion/atoms/AccordionHead.js +11 -9
- package/lib/accordion/atoms/AccordionItem.js +8 -6
- package/lib/accordion/atoms/AccordionSection.js +6 -4
- package/lib/accordion/atoms/index.js +15 -5
- package/lib/accordion/index.js +12 -3
- package/lib/accordion/types/index.js +2 -1
- package/lib/alert/Alert.js +12 -10
- package/lib/alert/index.js +9 -2
- package/lib/alert/types/index.js +2 -1
- package/lib/autocomplete/Autocomplete.js +8 -6
- package/lib/autocomplete/index.js +9 -2
- package/lib/autocomplete/types/index.js +2 -1
- package/lib/badge/Badge.js +13 -11
- package/lib/badge/index.js +9 -2
- package/lib/badge/types/index.js +2 -1
- package/lib/blockquote/Blockquote.js +10 -8
- package/lib/blockquote/index.js +9 -2
- package/lib/blockquote/types/index.js +2 -1
- package/lib/breadcrumbs/Breadcrumbs.js +16 -11
- package/lib/breadcrumbs/index.js +9 -2
- package/lib/breadcrumbs/types/index.js +2 -1
- package/lib/button/Button.js +17 -15
- package/lib/button/index.js +24 -3
- package/lib/button/types/index.js +2 -1
- package/lib/button/variants/CloseButton.js +14 -9
- package/lib/button/variants/index.js +9 -2
- package/lib/button/variants/types/index.js +2 -1
- package/lib/buttongroup/ButtonGroup.js +12 -10
- package/lib/buttongroup/index.js +9 -2
- package/lib/buttongroup/types/index.js +2 -1
- package/lib/card/Card.js +12 -10
- package/lib/card/atoms/CardBody.js +7 -5
- package/lib/card/atoms/CardFooter.js +11 -6
- package/lib/card/atoms/CardHeader.js +7 -5
- package/lib/card/atoms/CardImage.js +9 -7
- package/lib/card/index.js +17 -6
- package/lib/card/types/index.js +2 -1
- package/lib/carousel/Carousel.js +28 -26
- package/lib/carousel/index.js +9 -2
- package/lib/carousel/types/index.js +2 -1
- package/lib/charts/BarChart.d.ts +2 -2
- package/lib/charts/BarChart.js +16 -11
- package/lib/charts/BubbleChart.d.ts +2 -2
- package/lib/charts/BubbleChart.js +16 -11
- package/lib/charts/ChartWrap.d.ts +5 -1
- package/lib/charts/ChartWrap.js +75 -28
- package/lib/charts/DoughnutChart.d.ts +2 -2
- package/lib/charts/DoughnutChart.js +12 -7
- package/lib/charts/LineChart.d.ts +2 -2
- package/lib/charts/LineChart.js +16 -11
- package/lib/charts/MixedChart.d.ts +2 -2
- package/lib/charts/MixedChart.js +16 -11
- package/lib/charts/PieChart.d.ts +2 -2
- package/lib/charts/PieChart.js +12 -7
- package/lib/charts/PolarAreaChart.d.ts +2 -2
- package/lib/charts/PolarAreaChart.js +15 -10
- package/lib/charts/RadarChart.d.ts +2 -2
- package/lib/charts/RadarChart.js +17 -10
- package/lib/charts/ScatterChart.d.ts +2 -2
- package/lib/charts/ScatterChart.js +16 -11
- package/lib/charts/index.js +25 -10
- package/lib/charts/types/index.d.ts +45 -41
- package/lib/charts/types/index.js +2 -1
- package/lib/checkbox/Checkbox.js +8 -6
- package/lib/checkbox/index.js +9 -2
- package/lib/checkbox/types/index.js +2 -1
- package/lib/clock/Clock.js +14 -12
- package/lib/clock/index.js +9 -2
- package/lib/clock/types/index.js +2 -1
- package/lib/codeblock/Codeblock.js +14 -9
- package/lib/codeblock/index.js +9 -2
- package/lib/codeblock/types/index.js +2 -1
- package/lib/counter/Counter.js +13 -11
- package/lib/counter/index.js +9 -2
- package/lib/counter/types/index.js +2 -1
- package/lib/datatable/DataTable.js +17 -15
- package/lib/datatable/index.js +9 -2
- package/lib/datatable/types/index.js +2 -1
- package/lib/dialog/Dialog.js +13 -11
- package/lib/dialog/hooks/useDisableBack.js +8 -4
- package/lib/dialog/index.js +9 -2
- package/lib/dialog/types/index.js +2 -1
- package/lib/drawer/Drawer.js +13 -11
- package/lib/drawer/index.js +9 -2
- package/lib/drawer/types/index.js +2 -1
- package/lib/dropdown/Dropdown.js +16 -11
- package/lib/dropdown/index.js +9 -2
- package/lib/dropdown/types/index.js +2 -1
- package/lib/figure/Figure.js +12 -10
- package/lib/figure/index.js +9 -2
- package/lib/figure/types/index.js +2 -1
- package/lib/fileupload/FileUpload.js +19 -14
- package/lib/fileupload/Files.js +7 -5
- package/lib/fileupload/index.js +9 -2
- package/lib/fileupload/types/index.js +5 -2
- package/lib/form/Fieldset.js +11 -6
- package/lib/form/Form.js +15 -13
- package/lib/form/Legend.js +9 -7
- package/lib/form/RegisterForm.js +9 -7
- package/lib/form/index.js +15 -5
- package/lib/form/types/index.js +2 -1
- package/lib/gallery/Gallery.js +8 -6
- package/lib/gallery/index.js +9 -2
- package/lib/gallery/types/index.js +2 -1
- package/lib/heading/Heading.js +7 -5
- package/lib/heading/index.js +9 -2
- package/lib/heading/types/index.js +2 -1
- package/lib/hero/Hero.js +14 -12
- package/lib/hero/index.js +9 -2
- package/lib/hero/types/index.js +2 -1
- package/lib/icon/Icon.js +7 -5
- package/lib/icon/index.js +9 -2
- package/lib/icon/types/index.js +2 -1
- package/lib/index.js +126 -52
- package/lib/input/Input.js +11 -9
- package/lib/input/index.js +9 -2
- package/lib/input/types/index.js +2 -1
- package/lib/label/Label.js +10 -8
- package/lib/label/index.js +9 -2
- package/lib/label/types/index.js +2 -1
- package/lib/loading/Loading.js +58 -20
- package/lib/loading/index.js +11 -3
- package/lib/loading/spinners/Bars.js +6 -4
- package/lib/loading/spinners/Clock.js +6 -4
- package/lib/loading/spinners/Dots.js +6 -4
- package/lib/loading/spinners/Pulse.js +6 -4
- package/lib/loading/spinners/Spindots.js +6 -4
- package/lib/loading/spinners/Spinner.js +6 -4
- package/lib/loading/spinners/Wifi.js +6 -4
- package/lib/loading/spinners/index.js +24 -8
- package/lib/loading/types/index.js +2 -1
- package/lib/map/LazyMap.js +28 -33
- package/lib/map/LazyMapCircle.js +8 -6
- package/lib/map/LazyMapLine.js +8 -6
- package/lib/map/LazyMapMarker.js +20 -16
- package/lib/map/LazyMapPolygon.js +7 -5
- package/lib/map/LazyMapRectangle.js +8 -6
- package/lib/map/Map.js +44 -6
- package/lib/map/MapCircle.js +44 -6
- package/lib/map/MapLine.js +44 -6
- package/lib/map/MapMarker.js +44 -6
- package/lib/map/MapPolygon.js +44 -6
- package/lib/map/MapRectangle.js +44 -6
- package/lib/map/index.js +19 -7
- package/lib/map/tileOptions.js +5 -2
- package/lib/map/types/index.js +2 -1
- package/lib/modal/Modal.js +14 -12
- package/lib/modal/hooks/useDisableBack.js +8 -4
- package/lib/modal/index.js +9 -2
- package/lib/modal/types/index.js +2 -1
- package/lib/navbar/NavBar.js +14 -9
- package/lib/navbar/NavBrand.js +11 -6
- package/lib/navbar/NavLinks.js +16 -11
- package/lib/navbar/index.js +9 -2
- package/lib/navbar/types/index.js +2 -1
- package/lib/pagination/Pagination.js +17 -15
- package/lib/pagination/index.js +9 -2
- package/lib/pagination/types/index.js +2 -1
- package/lib/passwordinput/PasswordInput.js +11 -9
- package/lib/passwordinput/index.js +9 -2
- package/lib/passwordinput/types/index.js +2 -1
- package/lib/pictogram/Pictogram.js +10 -8
- package/lib/pictogram/index.js +9 -2
- package/lib/pictogram/types/index.js +2 -1
- package/lib/placeholder/PlaceHolder.js +12 -10
- package/lib/placeholder/index.js +9 -2
- package/lib/placeholder/types/index.js +2 -1
- package/lib/progress/Progress.js +11 -9
- package/lib/progress/index.js +9 -2
- package/lib/progress/types/index.js +2 -1
- package/lib/radiogroup/RadioGroup.js +12 -10
- package/lib/radiogroup/index.js +9 -2
- package/lib/radiogroup/types/index.js +2 -1
- package/lib/rangeinput/RangeInput.js +17 -15
- package/lib/rangeinput/index.js +9 -2
- package/lib/rangeinput/types/index.js +2 -1
- package/lib/ratings/Ratings.js +11 -9
- package/lib/ratings/index.js +9 -2
- package/lib/ratings/types/index.js +2 -1
- package/lib/searchinput/SearchInput.js +12 -10
- package/lib/searchinput/index.js +9 -2
- package/lib/searchinput/types/index.js +2 -1
- package/lib/select/Select.js +12 -10
- package/lib/select/index.js +9 -2
- package/lib/select/types/index.js +2 -1
- package/lib/sidebar/Sidebar.js +14 -12
- package/lib/sidebar/index.js +9 -2
- package/lib/sidebar/types/index.js +2 -1
- package/lib/socialshare/SocialShare.js +58 -20
- package/lib/socialshare/buttons/BlueskyButton.js +8 -6
- package/lib/socialshare/buttons/EmailButton.js +8 -6
- package/lib/socialshare/buttons/FacebookButton.js +8 -6
- package/lib/socialshare/buttons/LinkedinButton.js +8 -6
- package/lib/socialshare/buttons/PinterestButton.js +8 -6
- package/lib/socialshare/buttons/RedditButton.js +8 -6
- package/lib/socialshare/buttons/SlackButton.js +8 -6
- package/lib/socialshare/buttons/TelegramButton.js +8 -6
- package/lib/socialshare/buttons/WhatsappButton.js +8 -6
- package/lib/socialshare/buttons/XButton.js +8 -6
- package/lib/socialshare/index.js +29 -12
- package/lib/socialshare/types/index.js +2 -1
- package/lib/statbar/StatBar.js +10 -8
- package/lib/statbar/index.js +9 -2
- package/lib/statbar/types/index.js +2 -1
- package/lib/switch/Switch.js +14 -12
- package/lib/switch/index.js +9 -2
- package/lib/switch/types/index.js +2 -1
- package/lib/tabs/Tab.js +8 -4
- package/lib/tabs/TabBar.js +10 -8
- package/lib/tabs/Tabs.js +18 -13
- package/lib/tabs/index.js +9 -2
- package/lib/tabs/types/index.js +2 -1
- package/lib/textarea/TextArea.js +10 -8
- package/lib/textarea/index.js +9 -2
- package/lib/textarea/types/index.js +2 -1
- package/lib/textinput/TextInput.js +10 -8
- package/lib/textinput/index.js +9 -2
- package/lib/textinput/types/index.js +2 -1
- package/lib/ticker/Ticker.js +9 -7
- package/lib/ticker/index.js +9 -2
- package/lib/ticker/types/index.js +2 -1
- package/lib/toast/Toast.js +15 -13
- package/lib/toast/index.js +9 -2
- package/lib/toast/types/index.js +2 -1
- package/lib/twitterembed/TwitterEmbed.js +18 -14
- package/lib/twitterembed/index.js +9 -2
- package/lib/twitterembed/types/index.js +2 -1
- package/lib/videoplayer/Video.js +29 -24
- package/lib/videoplayer/VideoControls.js +17 -15
- package/lib/videoplayer/VideoPlayer.js +24 -19
- package/lib/videoplayer/VideoTracks.js +6 -4
- package/lib/videoplayer/controls/CaptionsControl.js +10 -8
- package/lib/videoplayer/controls/FullscreenControl.js +8 -6
- package/lib/videoplayer/controls/PipControl.js +8 -6
- package/lib/videoplayer/controls/SoundControl.js +8 -6
- package/lib/videoplayer/controls/index.js +15 -5
- package/lib/videoplayer/index.js +11 -3
- package/lib/videoplayer/types/index.js +2 -1
- package/lib/youtubeembed/YoutubeEmbed.js +7 -5
- package/lib/youtubeembed/index.js +9 -2
- package/lib/youtubeembed/types/index.js +2 -1
- package/package.json +1 -1
package/lib/charts/BarChart.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { BarChartProps } from
|
|
2
|
-
declare const BarChart: ({ data, options, title, legendposition, aspect, style, className, layout, gridColor, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { BarChartProps } from "./types";
|
|
2
|
+
declare const BarChart: ({ data, options, title, titleColor, titleFontSize, legendposition, legendColor, legendFontSize, aspect, style, className, layout, gridColor, }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default BarChart;
|
package/lib/charts/BarChart.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
2
3
|
var __assign = (this && this.__assign) || function () {
|
|
3
4
|
__assign = Object.assign || function(t) {
|
|
4
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,15 +11,19 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
11
|
};
|
|
11
12
|
return __assign.apply(this, arguments);
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var ChartWrap_1 = __importDefault(require("./ChartWrap"));
|
|
15
20
|
var BarChart = function (_a) {
|
|
16
|
-
var _b, _c, _d, _e, _f, _g;
|
|
17
|
-
var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition,
|
|
18
|
-
return (
|
|
19
|
-
x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), {
|
|
20
|
-
y: __assign(__assign({}, (
|
|
21
|
-
} }), title: title, legendposition: legendposition, chartType:
|
|
21
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
22
|
+
var data = _a.data, options = _a.options, title = _a.title, titleColor = _a.titleColor, titleFontSize = _a.titleFontSize, legendposition = _a.legendposition, legendColor = _a.legendColor, legendFontSize = _a.legendFontSize, _m = _a.aspect, aspect = _m === void 0 ? "portrait" : _m, style = _a.style, className = _a.className, layout = _a.layout, gridColor = _a.gridColor;
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(ChartWrap_1.default, { data: data, options: __assign(__assign({}, options), { indexAxis: layout === "horizontal" ? "y" : "x", scales: {
|
|
24
|
+
x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), { ticks: __assign(__assign({}, (_d = (_c = options === null || options === void 0 ? void 0 : options.scales) === null || _c === void 0 ? void 0 : _c.x) === null || _d === void 0 ? void 0 : _d.ticks), { color: gridColor }), grid: __assign(__assign({}, (_f = (_e = options === null || options === void 0 ? void 0 : options.scales) === null || _e === void 0 ? void 0 : _e.x) === null || _f === void 0 ? void 0 : _f.grid), { color: gridColor }) }),
|
|
25
|
+
y: __assign(__assign({}, (_g = options === null || options === void 0 ? void 0 : options.scales) === null || _g === void 0 ? void 0 : _g.y), { ticks: __assign(__assign({}, (_j = (_h = options === null || options === void 0 ? void 0 : options.scales) === null || _h === void 0 ? void 0 : _h.y) === null || _j === void 0 ? void 0 : _j.ticks), { color: gridColor }), grid: __assign(__assign({}, (_l = (_k = options === null || options === void 0 ? void 0 : options.scales) === null || _k === void 0 ? void 0 : _k.y) === null || _l === void 0 ? void 0 : _l.grid), { color: gridColor }) }),
|
|
26
|
+
} }), title: title, titleColor: titleColor, titleFontSize: titleFontSize, legendposition: legendposition, legendColor: legendColor, legendFontSize: legendFontSize, chartType: "bar", aspect: aspect, className: className, style: style }));
|
|
22
27
|
};
|
|
23
|
-
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
exports.default = BarChart;
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvY2hhcnRzL0JhckNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7OztBQUliLDBEQUFvQztBQUdwQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBY0Y7O1FBYmQsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsVUFBVSxnQkFBQSxFQUNWLGFBQWEsbUJBQUEsRUFDYixjQUFjLG9CQUFBLEVBQ2QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxjQUFtQixFQUFuQixNQUFNLG1CQUFHLFVBQVUsS0FBQSxFQUNuQixLQUFLLFdBQUEsRUFDTCxTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUE7SUFFVCxPQUFPLENBQ0wsdUJBQUMsbUJBQVMsSUFDUixJQUFJLEVBQUUsSUFBSSxFQUNWLE9BQU8sd0JBQ0YsT0FBTyxLQUNWLFNBQVMsRUFBRSxNQUFNLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFDOUMsTUFBTSxFQUFFO2dCQUNOLENBQUMsd0JBQ0ksTUFBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsTUFBTSwwQ0FBRSxDQUFDLEtBQ3JCLEtBQUssd0JBQ0EsTUFBQSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsMENBQUUsS0FBSyxLQUM1QixLQUFLLEVBQUUsU0FBUyxLQUVsQixJQUFJLHdCQUNDLE1BQUEsTUFBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsTUFBTSwwQ0FBRSxDQUFDLDBDQUFFLElBQUksS0FDM0IsS0FBSyxFQUFFLFNBQVMsTUFFbkI7Z0JBQ0QsQ0FBQyx3QkFDSSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsS0FDckIsS0FBSyx3QkFDQSxNQUFBLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sMENBQUUsQ0FBQywwQ0FBRSxLQUFLLEtBQzVCLEtBQUssRUFBRSxTQUFTLEtBRWxCLElBQUksd0JBQ0MsTUFBQSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsMENBQUUsSUFBSSxLQUMzQixLQUFLLEVBQUUsU0FBUyxNQUVuQjthQUNGLEtBRUgsS0FBSyxFQUFFLEtBQUssRUFDWixVQUFVLEVBQUUsVUFBVSxFQUN0QixhQUFhLEVBQUUsYUFBYSxFQUM1QixjQUFjLEVBQUUsY0FBYyxFQUM5QixXQUFXLEVBQUUsV0FBVyxFQUN4QixjQUFjLEVBQUUsY0FBYyxFQUM5QixTQUFTLEVBQUMsS0FBSyxFQUNmLE1BQU0sRUFBRSxNQUFNLEVBQ2QsU0FBUyxFQUFFLFNBQVMsRUFDcEIsS0FBSyxFQUFFLEtBQUssR0FDWixDQUNILENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxRQUFRLENBQUMifQ==
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { BubbleChartProps } from
|
|
2
|
-
declare const BubbleChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: BubbleChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { BubbleChartProps } from "./types";
|
|
2
|
+
declare const BubbleChart: ({ data, options, title, titleColor, titleFontSize, legendposition, legendColor, legendFontSize, gridColor, aspect, style, className, }: BubbleChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default BubbleChart;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
2
3
|
var __assign = (this && this.__assign) || function () {
|
|
3
4
|
__assign = Object.assign || function(t) {
|
|
4
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,15 +11,19 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
11
|
};
|
|
11
12
|
return __assign.apply(this, arguments);
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var ChartWrap_1 = __importDefault(require("./ChartWrap"));
|
|
15
20
|
var BubbleChart = function (_a) {
|
|
16
|
-
var _b, _c, _d, _e, _f, _g;
|
|
17
|
-
var data = _a.data, options = _a.options, title = _a.title,
|
|
18
|
-
return (
|
|
19
|
-
x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), {
|
|
20
|
-
y: __assign(__assign({}, (
|
|
21
|
-
} }), title: title, legendposition: legendposition, chartType:
|
|
21
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
22
|
+
var data = _a.data, options = _a.options, title = _a.title, titleColor = _a.titleColor, titleFontSize = _a.titleFontSize, legendposition = _a.legendposition, legendColor = _a.legendColor, legendFontSize = _a.legendFontSize, gridColor = _a.gridColor, _m = _a.aspect, aspect = _m === void 0 ? "portrait" : _m, style = _a.style, className = _a.className;
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(ChartWrap_1.default, { data: data, options: __assign(__assign({}, options), { scales: {
|
|
24
|
+
x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), { ticks: __assign(__assign({}, (_d = (_c = options === null || options === void 0 ? void 0 : options.scales) === null || _c === void 0 ? void 0 : _c.x) === null || _d === void 0 ? void 0 : _d.ticks), { color: gridColor }), grid: __assign(__assign({}, (_f = (_e = options === null || options === void 0 ? void 0 : options.scales) === null || _e === void 0 ? void 0 : _e.x) === null || _f === void 0 ? void 0 : _f.grid), { color: gridColor }) }),
|
|
25
|
+
y: __assign(__assign({}, (_g = options === null || options === void 0 ? void 0 : options.scales) === null || _g === void 0 ? void 0 : _g.y), { ticks: __assign(__assign({}, (_j = (_h = options === null || options === void 0 ? void 0 : options.scales) === null || _h === void 0 ? void 0 : _h.y) === null || _j === void 0 ? void 0 : _j.ticks), { color: gridColor }), grid: __assign(__assign({}, (_l = (_k = options === null || options === void 0 ? void 0 : options.scales) === null || _k === void 0 ? void 0 : _k.y) === null || _l === void 0 ? void 0 : _l.grid), { color: gridColor }) }),
|
|
26
|
+
} }), title: title, titleColor: titleColor, titleFontSize: titleFontSize, legendposition: legendposition, legendColor: legendColor, legendFontSize: legendFontSize, chartType: "bubble", aspect: aspect, className: className, style: style }));
|
|
22
27
|
};
|
|
23
|
-
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
exports.default = BubbleChart;
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnViYmxlQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvY2hhcnRzL0J1YmJsZUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7OztBQUdiLDBEQUFvQztBQUdwQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBYUY7O1FBWmpCLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLFVBQVUsZ0JBQUEsRUFDVixhQUFhLG1CQUFBLEVBQ2IsY0FBYyxvQkFBQSxFQUNkLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsU0FBUyxlQUFBLEVBQ1QsY0FBbUIsRUFBbkIsTUFBTSxtQkFBRyxVQUFVLEtBQUEsRUFDbkIsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBO0lBRVQsT0FBTyxDQUNMLHVCQUFDLG1CQUFTLElBQ1IsSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLHdCQUNGLE9BQU8sS0FDVixNQUFNLEVBQUU7Z0JBQ04sQ0FBQyx3QkFDSSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsS0FDckIsS0FBSyx3QkFDQSxNQUFBLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sMENBQUUsQ0FBQywwQ0FBRSxLQUFLLEtBQzVCLEtBQUssRUFBRSxTQUFTLEtBRWxCLElBQUksd0JBQ0MsTUFBQSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsMENBQUUsSUFBSSxLQUMzQixLQUFLLEVBQUUsU0FBUyxNQUVuQjtnQkFDRCxDQUFDLHdCQUNJLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sMENBQUUsQ0FBQyxLQUNyQixLQUFLLHdCQUNBLE1BQUEsTUFBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsTUFBTSwwQ0FBRSxDQUFDLDBDQUFFLEtBQUssS0FDNUIsS0FBSyxFQUFFLFNBQVMsS0FFbEIsSUFBSSx3QkFDQyxNQUFBLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sMENBQUUsQ0FBQywwQ0FBRSxJQUFJLEtBQzNCLEtBQUssRUFBRSxTQUFTLE1BRW5CO2FBQ0YsS0FFSCxLQUFLLEVBQUUsS0FBSyxFQUNaLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLGFBQWEsRUFBRSxhQUFhLEVBQzVCLGNBQWMsRUFBRSxjQUFjLEVBQzlCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLGNBQWMsRUFBRSxjQUFjLEVBQzlCLFNBQVMsRUFBQyxRQUFRLEVBQ2xCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsU0FBUyxFQUFFLFNBQVMsRUFDcEIsS0FBSyxFQUFFLEtBQUssR0FDWixDQUNILENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxXQUFXLENBQUMifQ==
|
|
@@ -3,7 +3,11 @@ import { ChartDataMap, ChartOptionsMap } from "./types";
|
|
|
3
3
|
type ChartTypes = keyof ChartDataMap;
|
|
4
4
|
interface ChartWrapProps<T extends ChartTypes> {
|
|
5
5
|
title?: string;
|
|
6
|
+
titleColor?: string;
|
|
7
|
+
titleFontSize?: number;
|
|
6
8
|
legendposition?: string;
|
|
9
|
+
legendColor?: string;
|
|
10
|
+
legendFontSize?: number;
|
|
7
11
|
data: ChartDataMap[T];
|
|
8
12
|
options?: ChartOptionsMap[T];
|
|
9
13
|
chartType: T;
|
|
@@ -11,5 +15,5 @@ interface ChartWrapProps<T extends ChartTypes> {
|
|
|
11
15
|
style?: React.CSSProperties;
|
|
12
16
|
aspect?: "landscape" | "portrait" | "square" | "auto";
|
|
13
17
|
}
|
|
14
|
-
declare const ChartWrap: <T extends ChartTypes>({ data, options, title, legendposition, chartType, aspect, className, style, }: ChartWrapProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const ChartWrap: <T extends ChartTypes>({ data, options, title, titleColor, titleFontSize, legendposition, legendColor, legendFontSize, chartType, aspect, className, style, }: ChartWrapProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
15
19
|
export default ChartWrap;
|
package/lib/charts/ChartWrap.js
CHANGED
|
@@ -1,27 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
8
17
|
});
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
37
|
+
var react_1 = require("react");
|
|
38
|
+
var merge_1 = require("../@utils/merge");
|
|
39
|
+
var chart_js_1 = require("chart.js");
|
|
40
|
+
var __1 = require("../");
|
|
41
|
+
var tailwind_merge_1 = require("tailwind-merge");
|
|
42
|
+
var LazyBubble = (0, react_1.lazy)(function () {
|
|
43
|
+
return Promise.resolve().then(function () { return __importStar(require("react-chartjs-2")); }).then(function (module) { return ({ default: module.Bubble }); });
|
|
44
|
+
});
|
|
45
|
+
var LazyLine = (0, react_1.lazy)(function () { return Promise.resolve().then(function () { return __importStar(require("react-chartjs-2")); }).then(function (module) { return ({ default: module.Line }); }); });
|
|
46
|
+
var LazyBar = (0, react_1.lazy)(function () { return Promise.resolve().then(function () { return __importStar(require("react-chartjs-2")); }).then(function (module) { return ({ default: module.Bar }); }); });
|
|
47
|
+
var LazyPie = (0, react_1.lazy)(function () { return Promise.resolve().then(function () { return __importStar(require("react-chartjs-2")); }).then(function (module) { return ({ default: module.Pie }); }); });
|
|
48
|
+
var LazyDoughnut = (0, react_1.lazy)(function () {
|
|
49
|
+
return Promise.resolve().then(function () { return __importStar(require("react-chartjs-2")); }).then(function (module) { return ({ default: module.Doughnut }); });
|
|
14
50
|
});
|
|
15
|
-
var LazyRadar = lazy(function () {
|
|
16
|
-
return
|
|
51
|
+
var LazyRadar = (0, react_1.lazy)(function () {
|
|
52
|
+
return Promise.resolve().then(function () { return __importStar(require("react-chartjs-2")); }).then(function (module) { return ({ default: module.Radar }); });
|
|
17
53
|
});
|
|
18
|
-
var LazyPolarArea = lazy(function () {
|
|
19
|
-
return
|
|
54
|
+
var LazyPolarArea = (0, react_1.lazy)(function () {
|
|
55
|
+
return Promise.resolve().then(function () { return __importStar(require("react-chartjs-2")); }).then(function (module) { return ({ default: module.PolarArea }); });
|
|
20
56
|
});
|
|
21
|
-
var LazyScatter = lazy(function () {
|
|
22
|
-
return
|
|
57
|
+
var LazyScatter = (0, react_1.lazy)(function () {
|
|
58
|
+
return Promise.resolve().then(function () { return __importStar(require("react-chartjs-2")); }).then(function (module) { return ({ default: module.Scatter }); });
|
|
23
59
|
});
|
|
24
|
-
|
|
60
|
+
chart_js_1.Chart.register.apply(chart_js_1.Chart, chart_js_1.registerables);
|
|
25
61
|
var aspects = {
|
|
26
62
|
landscape: "aspect-[4/3]",
|
|
27
63
|
portrait: "aspect-[3/4]",
|
|
@@ -29,23 +65,33 @@ var aspects = {
|
|
|
29
65
|
auto: "aspect-auto",
|
|
30
66
|
};
|
|
31
67
|
var ChartWrap = function (_a) {
|
|
32
|
-
var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition, chartType = _a.chartType,
|
|
33
|
-
var aspectClasses = useMemo(function () { return aspects[aspect]; }, [aspect]);
|
|
34
|
-
var defaultOptions = useMemo(function () {
|
|
68
|
+
var data = _a.data, options = _a.options, title = _a.title, _b = _a.titleColor, titleColor = _b === void 0 ? "#a7a7a7" : _b, _c = _a.titleFontSize, titleFontSize = _c === void 0 ? 18 : _c, legendposition = _a.legendposition, _d = _a.legendColor, legendColor = _d === void 0 ? "#a7a7a7" : _d, _e = _a.legendFontSize, legendFontSize = _e === void 0 ? 16 : _e, chartType = _a.chartType, _f = _a.aspect, aspect = _f === void 0 ? "auto" : _f, className = _a.className, style = _a.style;
|
|
69
|
+
var aspectClasses = (0, react_1.useMemo)(function () { return aspects[aspect]; }, [aspect]);
|
|
70
|
+
var defaultOptions = (0, react_1.useMemo)(function () {
|
|
35
71
|
return {
|
|
36
72
|
responsive: true,
|
|
37
73
|
maintainAspectRatio: false,
|
|
38
74
|
plugins: {
|
|
39
75
|
legend: {
|
|
40
76
|
position: legendposition,
|
|
77
|
+
labels: {
|
|
78
|
+
color: legendColor,
|
|
79
|
+
font: {
|
|
80
|
+
size: legendFontSize,
|
|
81
|
+
},
|
|
82
|
+
},
|
|
41
83
|
},
|
|
42
84
|
title: {
|
|
43
85
|
display: !!title,
|
|
44
86
|
text: title,
|
|
87
|
+
color: titleColor,
|
|
88
|
+
font: {
|
|
89
|
+
size: titleFontSize,
|
|
90
|
+
},
|
|
45
91
|
},
|
|
46
92
|
},
|
|
47
93
|
};
|
|
48
|
-
}, [legendposition, title]);
|
|
94
|
+
}, [legendposition, legendColor, legendFontSize, title, titleColor, titleFontSize]);
|
|
49
95
|
var chartComponents = {
|
|
50
96
|
bubble: LazyBubble,
|
|
51
97
|
line: LazyLine,
|
|
@@ -58,12 +104,13 @@ var ChartWrap = function (_a) {
|
|
|
58
104
|
mixed: LazyBar,
|
|
59
105
|
};
|
|
60
106
|
var ChartComponent = chartComponents[chartType];
|
|
61
|
-
var combinedOptions = useMemo(function () {
|
|
107
|
+
var combinedOptions = (0, react_1.useMemo)(function () {
|
|
62
108
|
if (options)
|
|
63
|
-
return merge(defaultOptions, options);
|
|
109
|
+
return (0, merge_1.merge)(defaultOptions, options);
|
|
64
110
|
return defaultOptions;
|
|
65
111
|
}, [defaultOptions, options]);
|
|
66
|
-
|
|
112
|
+
console.log("combinedOptions", combinedOptions, defaultOptions, options);
|
|
113
|
+
return ((0, jsx_runtime_1.jsx)("figure", { className: (0, tailwind_merge_1.twMerge)("chart-wrap h-auto min-w-full ".concat(aspectClasses), className), children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", { className: "w-full flex justify-center items-center text-info ".concat(aspectClasses), children: (0, jsx_runtime_1.jsx)(__1.Spinner, {}) }), children: (0, jsx_runtime_1.jsx)(ChartComponent, { data: data, options: combinedOptions, title: title, legendposition: legendposition, style: style }) }) }));
|
|
67
114
|
};
|
|
68
|
-
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
115
|
+
exports.default = ChartWrap;
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hhcnRXcmFwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL2NoYXJ0cy9DaGFydFdyYXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLCtCQUF1RDtBQUN2RCx5Q0FBd0M7QUFDeEMscUNBQTJEO0FBQzNELHlCQUE4QjtBQUM5QixpREFBeUM7QUFHekMsSUFBTSxVQUFVLEdBQUcsSUFBQSxZQUFJLEVBQUM7SUFDdEIsT0FBQSxpRUFBTyxpQkFBaUIsT0FBRSxJQUFJLENBQUMsVUFBQyxNQUFNLElBQUssT0FBQSxDQUFDLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUE1QixDQUE0QixDQUFDO0FBQXhFLENBQXdFLENBQ3pFLENBQUM7QUFDRixJQUFNLFFBQVEsR0FBRyxJQUFBLFlBQUksRUFBQyxjQUFNLE9BQUEsaUVBQU8saUJBQWlCLE9BQUUsSUFBSSxDQUFDLFVBQUMsTUFBTSxJQUFLLE9BQUEsQ0FBQyxFQUFFLE9BQU8sRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBMUIsQ0FBMEIsQ0FBQyxFQUF0RSxDQUFzRSxDQUFDLENBQUM7QUFDcEcsSUFBTSxPQUFPLEdBQUcsSUFBQSxZQUFJLEVBQUMsY0FBTSxPQUFBLGlFQUFPLGlCQUFpQixPQUFFLElBQUksQ0FBQyxVQUFDLE1BQU0sSUFBSyxPQUFBLENBQUMsRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQXpCLENBQXlCLENBQUMsRUFBckUsQ0FBcUUsQ0FBQyxDQUFDO0FBQ2xHLElBQU0sT0FBTyxHQUFHLElBQUEsWUFBSSxFQUFDLGNBQU0sT0FBQSxpRUFBTyxpQkFBaUIsT0FBRSxJQUFJLENBQUMsVUFBQyxNQUFNLElBQUssT0FBQSxDQUFDLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxF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
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DoughnutChartProps } from
|
|
2
|
-
declare const DoughnutChart: ({ data, options, title, legendposition, border, aspect, style, className, }: DoughnutChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { DoughnutChartProps } from "./types";
|
|
2
|
+
declare const DoughnutChart: ({ data, options, title, titleColor, titleFontSize, legendposition, legendColor, legendFontSize, border, aspect, style, className, }: DoughnutChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default DoughnutChart;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
2
3
|
var __assign = (this && this.__assign) || function () {
|
|
3
4
|
__assign = Object.assign || function(t) {
|
|
4
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,11 +11,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
11
|
};
|
|
11
12
|
return __assign.apply(this, arguments);
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var ChartWrap_1 = __importDefault(require("./ChartWrap"));
|
|
15
20
|
var DoughnutChart = function (_a) {
|
|
16
|
-
var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition, _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.aspect, aspect = _c === void 0 ?
|
|
17
|
-
return (
|
|
21
|
+
var data = _a.data, options = _a.options, title = _a.title, titleColor = _a.titleColor, titleFontSize = _a.titleFontSize, legendposition = _a.legendposition, legendColor = _a.legendColor, legendFontSize = _a.legendFontSize, _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.aspect, aspect = _c === void 0 ? "portrait" : _c, style = _a.style, className = _a.className;
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(ChartWrap_1.default, { data: data, options: __assign(__assign({}, options), { borderWidth: border ? 2 : 0 }), title: title, titleColor: titleColor, titleFontSize: titleFontSize, legendposition: legendposition, legendColor: legendColor, legendFontSize: legendFontSize, chartType: "doughnut", aspect: aspect, className: className, style: style }));
|
|
18
23
|
};
|
|
19
|
-
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
exports.default = DoughnutChart;
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRG91Z2hudXRDaGFydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9jaGFydHMvRG91Z2hudXRDaGFydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLFlBQVksQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFJYiwwREFBb0M7QUFHcEMsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQWFGO1FBWm5CLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLFVBQVUsZ0JBQUEsRUFDVixhQUFhLG1CQUFBLEVBQ2IsY0FBYyxvQkFBQSxFQUNkLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsY0FBYyxFQUFkLE1BQU0sbUJBQUcsS0FBSyxLQUFBLEVBQ2QsY0FBbUIsRUFBbkIsTUFBTSxtQkFBRyxVQUFVLEtBQUEsRUFDbkIsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBO0lBRVQsT0FBTyxDQUNMLHVCQUFDLG1CQUFTLElBQ1IsSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLHdCQUNELE9BQWUsS0FDbkIsV0FBVyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBRTdCLEtBQUssRUFBRSxLQUFLLEVBQ1osVUFBVSxFQUFFLFVBQVUsRUFDdEIsYUFBYSxFQUFFLGFBQWEsRUFDNUIsY0FBYyxFQUFFLGNBQWMsRUFDOUIsV0FBVyxFQUFFLFdBQVcsRUFDeEIsY0FBYyxFQUFFLGNBQWMsRUFDOUIsU0FBUyxFQUFDLFVBQVUsRUFDcEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxTQUFTLEVBQUUsU0FBUyxFQUNwQixLQUFLLEVBQUUsS0FBSyxHQUNaLENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLGFBQWEsQ0FBQyJ9
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { LineChartProps } from
|
|
2
|
-
declare const LineChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { LineChartProps } from "./types";
|
|
2
|
+
declare const LineChart: ({ data, options, title, titleColor, titleFontSize, legendposition, legendColor, legendFontSize, gridColor, aspect, style, className, }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default LineChart;
|
package/lib/charts/LineChart.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
2
3
|
var __assign = (this && this.__assign) || function () {
|
|
3
4
|
__assign = Object.assign || function(t) {
|
|
4
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,15 +11,19 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
11
|
};
|
|
11
12
|
return __assign.apply(this, arguments);
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var ChartWrap_1 = __importDefault(require("./ChartWrap"));
|
|
15
20
|
var LineChart = function (_a) {
|
|
16
|
-
var _b, _c, _d, _e, _f, _g;
|
|
17
|
-
var data = _a.data, options = _a.options, title = _a.title,
|
|
18
|
-
return (
|
|
19
|
-
x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), {
|
|
20
|
-
y: __assign(__assign({}, (
|
|
21
|
-
} }), title: title, legendposition: legendposition, chartType:
|
|
21
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
22
|
+
var data = _a.data, options = _a.options, title = _a.title, titleColor = _a.titleColor, titleFontSize = _a.titleFontSize, legendposition = _a.legendposition, legendColor = _a.legendColor, legendFontSize = _a.legendFontSize, gridColor = _a.gridColor, _m = _a.aspect, aspect = _m === void 0 ? "square" : _m, style = _a.style, className = _a.className;
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(ChartWrap_1.default, { data: data, options: __assign(__assign({}, options), { scales: {
|
|
24
|
+
x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), { ticks: __assign(__assign({}, (_d = (_c = options === null || options === void 0 ? void 0 : options.scales) === null || _c === void 0 ? void 0 : _c.x) === null || _d === void 0 ? void 0 : _d.ticks), { color: gridColor }), grid: __assign(__assign({}, (_f = (_e = options === null || options === void 0 ? void 0 : options.scales) === null || _e === void 0 ? void 0 : _e.x) === null || _f === void 0 ? void 0 : _f.grid), { color: gridColor }) }),
|
|
25
|
+
y: __assign(__assign({}, (_g = options === null || options === void 0 ? void 0 : options.scales) === null || _g === void 0 ? void 0 : _g.y), { ticks: __assign(__assign({}, (_j = (_h = options === null || options === void 0 ? void 0 : options.scales) === null || _h === void 0 ? void 0 : _h.y) === null || _j === void 0 ? void 0 : _j.ticks), { color: gridColor }), grid: __assign(__assign({}, (_l = (_k = options === null || options === void 0 ? void 0 : options.scales) === null || _k === void 0 ? void 0 : _k.y) === null || _l === void 0 ? void 0 : _l.grid), { color: gridColor }) }),
|
|
26
|
+
} }), title: title, titleColor: titleColor, titleFontSize: titleFontSize, legendposition: legendposition, legendColor: legendColor, legendFontSize: legendFontSize, chartType: "line", aspect: aspect, className: className, style: style }));
|
|
22
27
|
};
|
|
23
|
-
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
exports.default = LineChart;
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL2NoYXJ0cy9MaW5lQ2hhcnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBSWIsMERBQW9DO0FBR3BDLElBQU0sU0FBUyxHQUFHLFVBQUMsRUFhRjs7UUFaZixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxVQUFVLGdCQUFBLEVBQ1YsYUFBYSxtQkFBQSxFQUNiLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLFNBQVMsZUFBQSxFQUNULGNBQWlCLEVBQWpCLE1BQU0sbUJBQUcsUUFBUSxLQUFBLEVBQ2pCLEtBQUssV0FBQSxFQUNMLFNBQVMsZUFBQTtJQUVULE9BQU8sQ0FDTCx1QkFBQyxtQkFBUyxJQUNSLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyx3QkFDRixPQUFPLEtBQ1YsTUFBTSxFQUFFO2dCQUNOLENBQUMsd0JBQ0ksTUFBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsTUFBTSwwQ0FBRSxDQUFDLEtBQ3JCLEtBQUssd0JBQ0EsTUFBQSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsMENBQUUsS0FBSyxLQUM1QixLQUFLLEVBQUUsU0FBUyxLQUVsQixJQUFJLHdCQUNDLE1BQUEsTUFBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsTUFBTSwwQ0FBRSxDQUFDLDBDQUFFLElBQUksS0FDM0IsS0FBSyxFQUFFLFNBQVMsTUFFbkI7Z0JBQ0QsQ0FBQyx3QkFDSSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsS0FDckIsS0FBSyx3QkFDQSxNQUFBLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sMENBQUUsQ0FBQywwQ0FBRSxLQUFLLEtBQzVCLEtBQUssRUFBRSxTQUFTLEtBRWxCLElBQUksd0JBQ0MsTUFBQSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsMENBQUUsSUFBSSxLQUMzQixLQUFLLEVBQUUsU0FBUyxNQUVuQjthQUNGLEtBRUgsS0FBSyxFQUFFLEtBQUssRUFDWixVQUFVLEVBQUUsVUFBVSxFQUN0QixhQUFhLEVBQUUsYUFBYSxFQUM1QixjQUFjLEVBQUUsY0FBYyxFQUM5QixXQUFXLEVBQUUsV0FBVyxFQUN4QixjQUFjLEVBQUUsY0FBYyxFQUM5QixTQUFTLEVBQUMsTUFBTSxFQUNoQixNQUFNLEVBQUUsTUFBTSxFQUNkLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLEtBQUssRUFBRSxLQUFLLEdBQ1osQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsU0FBUyxDQUFDIn0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { MixedChartProps } from
|
|
2
|
-
declare const MixedChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: MixedChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { MixedChartProps } from "./types";
|
|
2
|
+
declare const MixedChart: ({ data, options, title, titleColor, titleFontSize, legendposition, legendColor, legendFontSize, gridColor, aspect, style, className, }: MixedChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default MixedChart;
|
package/lib/charts/MixedChart.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
2
3
|
var __assign = (this && this.__assign) || function () {
|
|
3
4
|
__assign = Object.assign || function(t) {
|
|
4
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,15 +11,19 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
11
|
};
|
|
11
12
|
return __assign.apply(this, arguments);
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var ChartWrap_1 = __importDefault(require("./ChartWrap"));
|
|
15
20
|
var MixedChart = function (_a) {
|
|
16
|
-
var _b, _c, _d, _e, _f, _g;
|
|
17
|
-
var data = _a.data, options = _a.options, title = _a.title,
|
|
18
|
-
return (
|
|
19
|
-
x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), {
|
|
20
|
-
y: __assign(__assign({}, (
|
|
21
|
-
} }), title: title, legendposition: legendposition, chartType:
|
|
21
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
22
|
+
var data = _a.data, options = _a.options, title = _a.title, titleColor = _a.titleColor, titleFontSize = _a.titleFontSize, legendposition = _a.legendposition, legendColor = _a.legendColor, legendFontSize = _a.legendFontSize, gridColor = _a.gridColor, _m = _a.aspect, aspect = _m === void 0 ? "portrait" : _m, style = _a.style, className = _a.className;
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(ChartWrap_1.default, { data: data, options: __assign(__assign({}, options), { scales: {
|
|
24
|
+
x: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.x), { ticks: __assign(__assign({}, (_d = (_c = options === null || options === void 0 ? void 0 : options.scales) === null || _c === void 0 ? void 0 : _c.x) === null || _d === void 0 ? void 0 : _d.ticks), { color: gridColor }), grid: __assign(__assign({}, (_f = (_e = options === null || options === void 0 ? void 0 : options.scales) === null || _e === void 0 ? void 0 : _e.x) === null || _f === void 0 ? void 0 : _f.grid), { color: gridColor }) }),
|
|
25
|
+
y: __assign(__assign({}, (_g = options === null || options === void 0 ? void 0 : options.scales) === null || _g === void 0 ? void 0 : _g.y), { ticks: __assign(__assign({}, (_j = (_h = options === null || options === void 0 ? void 0 : options.scales) === null || _h === void 0 ? void 0 : _h.y) === null || _j === void 0 ? void 0 : _j.ticks), { color: gridColor }), grid: __assign(__assign({}, (_l = (_k = options === null || options === void 0 ? void 0 : options.scales) === null || _k === void 0 ? void 0 : _k.y) === null || _l === void 0 ? void 0 : _l.grid), { color: gridColor }) }),
|
|
26
|
+
} }), title: title, titleColor: titleColor, titleFontSize: titleFontSize, legendposition: legendposition, legendColor: legendColor, legendFontSize: legendFontSize, chartType: "bar", aspect: aspect, className: className, style: style }));
|
|
22
27
|
};
|
|
23
|
-
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
exports.default = MixedChart;
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWl4ZWRDaGFydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9jaGFydHMvTWl4ZWRDaGFydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLFlBQVksQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHYiwwREFBb0M7QUFHcEMsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQWFGOztRQVpoQixJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxVQUFVLGdCQUFBLEVBQ1YsYUFBYSxtQkFBQSxFQUNiLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLFNBQVMsZUFBQSxFQUNULGNBQW1CLEVBQW5CLE1BQU0sbUJBQUcsVUFBVSxLQUFBLEVBQ25CLEtBQUssV0FBQSxFQUNMLFNBQVMsZUFBQTtJQUVULE9BQU8sQ0FDTCx1QkFBQyxtQkFBUyxJQUNSLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyx3QkFDRixPQUFPLEtBQ1YsTUFBTSxFQUFFO2dCQUNOLENBQUMsd0JBQ0ksTUFBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsTUFBTSwwQ0FBRSxDQUFDLEtBQ3JCLEtBQUssd0JBQ0EsTUFBQSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsMENBQUUsS0FBSyxLQUM1QixLQUFLLEVBQUUsU0FBUyxLQUVsQixJQUFJLHdCQUNDLE1BQUEsTUFBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsTUFBTSwwQ0FBRSxDQUFDLDBDQUFFLElBQUksS0FDM0IsS0FBSyxFQUFFLFNBQVMsTUFFbkI7Z0JBQ0QsQ0FBQyx3QkFDSSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsS0FDckIsS0FBSyx3QkFDQSxNQUFBLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sMENBQUUsQ0FBQywwQ0FBRSxLQUFLLEtBQzVCLEtBQUssRUFBRSxTQUFTLEtBRWxCLElBQUksd0JBQ0MsTUFBQSxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxNQUFNLDBDQUFFLENBQUMsMENBQUUsSUFBSSxLQUMzQixLQUFLLEVBQUUsU0FBUyxNQUVuQjthQUNGLEtBRUgsS0FBSyxFQUFFLEtBQUssRUFDWixVQUFVLEVBQUUsVUFBVSxFQUN0QixhQUFhLEVBQUUsYUFBYSxFQUM1QixjQUFjLEVBQUUsY0FBYyxFQUM5QixXQUFXLEVBQUUsV0FBVyxFQUN4QixjQUFjLEVBQUUsY0FBYyxFQUM5QixTQUFTLEVBQUMsS0FBSyxFQUNmLE1BQU0sRUFBRSxNQUFNLEVBQ2QsU0FBUyxFQUFFLFNBQVMsRUFDcEIsS0FBSyxFQUFFLEtBQUssR0FDWixDQUNILENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxVQUFVLENBQUMifQ==
|
package/lib/charts/PieChart.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { PieChartProps } from
|
|
2
|
-
declare const PieChart: ({ data, options, title, legendposition, border, aspect, style, className, }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { PieChartProps } from "./types";
|
|
2
|
+
declare const PieChart: ({ data, options, title, titleColor, titleFontSize, legendposition, legendColor, legendFontSize, border, aspect, style, className, }: PieChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default PieChart;
|
package/lib/charts/PieChart.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
2
3
|
var __assign = (this && this.__assign) || function () {
|
|
3
4
|
__assign = Object.assign || function(t) {
|
|
4
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,11 +11,15 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
11
|
};
|
|
11
12
|
return __assign.apply(this, arguments);
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var ChartWrap_1 = __importDefault(require("./ChartWrap"));
|
|
15
20
|
var PieChart = function (_a) {
|
|
16
|
-
var data = _a.data, options = _a.options, title = _a.title, legendposition = _a.legendposition, _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.aspect, aspect = _c === void 0 ?
|
|
17
|
-
return (
|
|
21
|
+
var data = _a.data, options = _a.options, title = _a.title, titleColor = _a.titleColor, titleFontSize = _a.titleFontSize, legendposition = _a.legendposition, legendColor = _a.legendColor, legendFontSize = _a.legendFontSize, _b = _a.border, border = _b === void 0 ? false : _b, _c = _a.aspect, aspect = _c === void 0 ? "portrait" : _c, style = _a.style, className = _a.className;
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(ChartWrap_1.default, { data: data, options: __assign(__assign({}, options), { borderWidth: border ? 2 : 0 }), title: title, titleColor: titleColor, titleFontSize: titleFontSize, legendposition: legendposition, legendColor: legendColor, legendFontSize: legendFontSize, chartType: "pie", aspect: aspect, className: className, style: style }));
|
|
18
23
|
};
|
|
19
|
-
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
exports.default = PieChart;
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGllQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvY2hhcnRzL1BpZUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7OztBQUliLDBEQUFvQztBQUdwQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBYUY7UUFaZCxJQUFJLFVBQUEsRUFDSixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxVQUFVLGdCQUFBLEVBQ1YsYUFBYSxtQkFBQSxFQUNiLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQSxFQUNkLGNBQWMsRUFBZCxNQUFNLG1CQUFHLEtBQUssS0FBQSxFQUNkLGNBQW1CLEVBQW5CLE1BQU0sbUJBQUcsVUFBVSxLQUFBLEVBQ25CLEtBQUssV0FBQSxFQUNMLFNBQVMsZUFBQTtJQUVULE9BQU8sQ0FDTCx1QkFBQyxtQkFBUyxJQUNSLElBQUksRUFBRSxJQUFJLEVBQ1YsT0FBTyx3QkFDRCxPQUFlLEtBQ25CLFdBQVcsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUU3QixLQUFLLEVBQUUsS0FBSyxFQUNaLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLGFBQWEsRUFBRSxhQUFhLEVBQzVCLGNBQWMsRUFBRSxjQUFjLEVBQzlCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLGNBQWMsRUFBRSxjQUFjLEVBQzlCLFNBQVMsRUFBQyxLQUFLLEVBQ2YsTUFBTSxFQUFFLE1BQU0sRUFDZCxTQUFTLEVBQUUsU0FBUyxFQUNwQixLQUFLLEVBQUUsS0FBSyxHQUNaLENBQ0gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGtCQUFlLFFBQVEsQ0FBQyJ9
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { PolarAreaChartProps } from
|
|
2
|
-
declare const PolarAreaChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: PolarAreaChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { PolarAreaChartProps } from "./types";
|
|
2
|
+
declare const PolarAreaChart: ({ data, options, title, titleColor, titleFontSize, legendposition, legendColor, legendFontSize, gridColor, aspect, style, className, }: PolarAreaChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default PolarAreaChart;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
2
3
|
var __assign = (this && this.__assign) || function () {
|
|
3
4
|
__assign = Object.assign || function(t) {
|
|
4
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,14 +11,18 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
11
|
};
|
|
11
12
|
return __assign.apply(this, arguments);
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
-
|
|
14
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
15
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var ChartWrap_1 = __importDefault(require("./ChartWrap"));
|
|
15
20
|
var PolarAreaChart = function (_a) {
|
|
16
|
-
var _b, _c, _d;
|
|
17
|
-
var data = _a.data, options = _a.options, title = _a.title,
|
|
18
|
-
return (
|
|
19
|
-
r: __assign(__assign({}, (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.r), {
|
|
20
|
-
} }), title: title, legendposition: legendposition, chartType:
|
|
21
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
22
|
+
var data = _a.data, options = _a.options, title = _a.title, titleColor = _a.titleColor, titleFontSize = _a.titleFontSize, legendposition = _a.legendposition, legendColor = _a.legendColor, legendFontSize = _a.legendFontSize, gridColor = _a.gridColor, _k = _a.aspect, aspect = _k === void 0 ? "portrait" : _k, style = _a.style, className = _a.className;
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(ChartWrap_1.default, { data: data, options: __assign(__assign({}, options), { scales: {
|
|
24
|
+
r: __assign(__assign({}, ((_c = (_b = options === null || options === void 0 ? void 0 : options.scales) === null || _b === void 0 ? void 0 : _b.r) !== null && _c !== void 0 ? _c : {})), { ticks: __assign(__assign({}, ((_f = (_e = (_d = options === null || options === void 0 ? void 0 : options.scales) === null || _d === void 0 ? void 0 : _d.r) === null || _e === void 0 ? void 0 : _e.ticks) !== null && _f !== void 0 ? _f : {})), { color: gridColor }), grid: __assign(__assign({}, ((_j = (_h = (_g = options === null || options === void 0 ? void 0 : options.scales) === null || _g === void 0 ? void 0 : _g.r) === null || _h === void 0 ? void 0 : _h.grid) !== null && _j !== void 0 ? _j : {})), { color: gridColor }) }),
|
|
25
|
+
} }), title: title, titleColor: titleColor, titleFontSize: titleFontSize, legendposition: legendposition, legendColor: legendColor, legendFontSize: legendFontSize, chartType: "polarArea", aspect: aspect, className: className, style: style }));
|
|
21
26
|
};
|
|
22
|
-
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
exports.default = PolarAreaChart;
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9sYXJBcmVhQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvY2hhcnRzL1BvbGFyQXJlYUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsWUFBWSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7OztBQUliLDBEQUFvQztBQUdwQyxJQUFNLGNBQWMsR0FBRyxVQUFDLEVBYUY7O1FBWnBCLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLFVBQVUsZ0JBQUEsRUFDVixhQUFhLG1CQUFBLEVBQ2IsY0FBYyxvQkFBQSxFQUNkLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsU0FBUyxlQUFBLEVBQ1QsY0FBbUIsRUFBbkIsTUFBTSxtQkFBRyxVQUFVLEtBQUEsRUFDbkIsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBO0lBRVQsT0FBTyxDQUNMLHVCQUFDLG1CQUFTLElBQ1IsSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLHdCQUNGLE9BQU8sS0FDVixNQUFNLEVBQUU7Z0JBQ04sQ0FBQyx3QkFDSSxDQUFDLE1BQUEsTUFBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsTUFBTSwwQ0FBRSxDQUFDLG1DQUFJLEVBQUUsQ0FBQyxLQUM3QixLQUFLLHdCQUNBLENBQUMsTUFBQSxNQUFBLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sMENBQUUsQ0FBQywwQ0FBRSxLQUFLLG1DQUFJLEVBQUUsQ0FBQyxLQUNwQyxLQUFLLEVBQUUsU0FBUyxLQUVsQixJQUFJLHdCQUNDLENBQUMsTUFBQSxNQUFBLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sMENBQUUsQ0FBQywwQ0FBRSxJQUFJLG1DQUFJLEVBQUUsQ0FBQyxLQUNuQyxLQUFLLEVBQUUsU0FBUyxNQUVuQjthQUNGLEtBRUgsS0FBSyxFQUFFLEtBQUssRUFDWixVQUFVLEVBQUUsVUFBVSxFQUN0QixhQUFhLEVBQUUsYUFBYSxFQUM1QixjQUFjLEVBQUUsY0FBYyxFQUM5QixXQUFXLEVBQUUsV0FBVyxFQUN4QixjQUFjLEVBQUUsY0FBYyxFQUM5QixTQUFTLEVBQUMsV0FBVyxFQUNyQixNQUFNLEVBQUUsTUFBTSxFQUNkLFNBQVMsRUFBRSxTQUFTLEVBQ3BCLEtBQUssRUFBRSxLQUFLLEdBQ1osQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsY0FBYyxDQUFDIn0=
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { RadarChartProps } from
|
|
2
|
-
declare const RadarChart: ({ data, options, title, legendposition, gridColor, aspect, style, className, }: RadarChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { RadarChartProps } from "./types";
|
|
2
|
+
declare const RadarChart: ({ data, options, title, titleColor, titleFontSize, legendposition, legendColor, legendFontSize, gridColor, aspect, style, className, }: RadarChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default RadarChart;
|