@tap-payments/os-micro-frontend-shared 0.1.365-test.12 → 0.1.365-test.13

package/build/components/MultiDatakeyDonut/MultiDatakeyDonut.d.ts

@@ -9,5 +9,5 @@ interface DonutProps {
     }>;
     chartInfo?: ReactNode;
 }
-export default function MultiDatakeyDonut({ isLoading, chartData, size, }: DonutProps): import("react/jsx-runtime").JSX.Element;
+export declare const MultiDatakeyDonut: ({ isLoading, chartData, size, }: DonutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/MultiDatakeyDonut/MultiDatakeyDonut.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ResponsiveContainer, PieChart, Pie, Cell } from 'recharts';
 import { DonutWrapper, CenterOverlay, CenterItem, ValueText, LegendWrapper, LegendDot, LegendText } from './style';
 import Skeleton from '../Skeleton';
-export default function MultiDatakeyDonut({ isLoading = true, chartData, 
+export const MultiDatakeyDonut = ({ isLoading = true, chartData, 
 // activeDataKey = 'count',
-size = 170, }) {
+size = 170, }) => {
     // const chartData = [
     //   {
     //     name: 'Customer',
@@ -18,4 +18,4 @@ size = 170, }) {
     //   },
     // ]
     return (_jsxs(DonutWrapper, Object.assign({ sx: { width: size, height: size } }, { children: [_jsx(ResponsiveContainer, { children: _jsxs(PieChart, { children: [_jsx(Pie, { data: [{ value: 100 }], dataKey: "value", cx: "50%", cy: "50%", innerRadius: "70%", outerRadius: "100%", fill: "#E5E7EB", stroke: "none", isAnimationActive: false }), _jsx(Pie, Object.assign({ data: chartData, dataKey: "value", cx: "50%", cy: "50%", innerRadius: "70%", outerRadius: "100%", cornerRadius: 0, stroke: "none", startAngle: 90, endAngle: -270 }, { children: chartData.map((entry) => (_jsx(Cell, { fill: entry.color }, entry.name))) }))] }) }), _jsx(CenterOverlay, { children: chartData.map((entry) => (_jsxs(CenterItem, { children: [isLoading ? _jsx(Skeleton, { width: 49, height: 7, sx: { margin: '2px' } }) : _jsx(ValueText, { children: entry.value.toLocaleString() }), isLoading ? (_jsx(Skeleton, { width: 80, height: 7 })) : (_jsxs(LegendWrapper, { children: [_jsx(LegendDot, { color: entry.color }), _jsx(LegendText, { children: entry.name })] }))] }, entry.name))) })] })));
-}
+};

package/build/components/MultiDatakeyDonut/index.d.ts

@@ -1,2 +1 @@
-import PieChart from './MultiDatakeyDonut';
-export default PieChart;
+export * from './MultiDatakeyDonut';

package/build/components/MultiDatakeyDonut/index.js

@@ -1,2 +1 @@
-import PieChart from './MultiDatakeyDonut';
-export default PieChart;
+export * from './MultiDatakeyDonut';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.365-test.12",
-  "testVersion": 12,
+  "version": "0.1.365-test.13",
+  "testVersion": 13,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",