@majoo-ui/react 1.56.3 → 1.57.0

package/components/barChart/BarChart.d.ts

@@ -0,0 +1,82 @@
+/// <reference types="react" />
+import { LabelProps } from 'recharts';
+import { CSS } from '../../config/stitches.config';
+interface BarChartData {
+    name: string;
+    total: number;
+    color: string;
+}
+interface BarChartLegend {
+    show: boolean;
+    showTotal: boolean;
+}
+interface BarChartTooltip {
+    label?: (number: any) => string;
+    render?: () => JSX.Element;
+}
+interface BarChartLabel {
+    show?: boolean;
+    dataKey?: string;
+    position?: LabelProps['position'];
+    formatter?: (string: any) => string;
+    render?: () => JSX.Element;
+}
+interface YAxisProps {
+    show?: boolean;
+}
+interface BarChartProps {
+    /**
+     * Additional css property.
+     */
+    css?: CSS;
+    /**
+     * Datasets of chart.
+     */
+    data: BarChartData[];
+    /**
+     * Legend config of chart.
+     */
+    legend?: BarChartLegend;
+    /**
+     * Title section of chart.
+     */
+    title?: string;
+    /**
+     * Subtitle section of chart.
+     */
+    subtitle?: string;
+    /**
+     * Tooltip config of chart.
+     */
+    tooltip?: BarChartTooltip;
+    /**
+     * Direction of Bar Chart layout.
+     */
+    direction?: 'vertical' | 'horizontal';
+    /**
+     * Format axis label.
+     */
+    tickFormatter?: (number: any) => string;
+    /**
+     * Label config of chart.
+     */
+    label?: BarChartLabel;
+    /**
+     * Y Axis config of chart.
+     */
+    yAxis?: YAxisProps;
+}
+declare function BarChartComponent({ css, data, legend, title, subtitle, tooltip, direction, tickFormatter, label, yAxis, }: BarChartProps): JSX.Element;
+declare namespace BarChartComponent {
+    var defaultProps: {
+        data: never[];
+        legend: {
+            show: boolean;
+            showTotal: boolean;
+        };
+        yAxis: {
+            show: boolean;
+        };
+    };
+}
+export default BarChartComponent;

package/components/barChart/index.d.ts

@@ -0,0 +1 @@
+export { default as BarChart } from './BarChart';

package/components/index.d.ts

@@ -48,3 +48,5 @@ export * from './contentEditor';
 export * from './contextMenu';
 export * from './skeleton';
 export * from './tagList';
+export * from './barChart';
+export * from './pieChart';

package/components/pieChart/PieChart.d.ts

@@ -0,0 +1,78 @@
+/// <reference types="react" />
+import { CSS } from '../../config/stitches.config';
+import './styles.css';
+interface PieChartData {
+    name: string;
+    total: number;
+    color: string;
+}
+interface PieChartLegend {
+    show?: boolean;
+    showTotal?: boolean;
+    position?: 'right' | 'bottom' | 'left';
+}
+interface PieChartTooltip {
+    label?: (number: any) => string;
+    render?: () => JSX.Element;
+}
+interface PieChartProps {
+    /**
+     * Section title of the chart.
+     */
+    title?: string;
+    /**
+     * Subtitle of the chart.
+     */
+    subtitle?: string;
+    /**
+     * Datasets of the chart.
+     */
+    data: PieChartData[];
+    /**
+     * Additional css property.
+     */
+    css?: CSS;
+    /**
+     * Avatar url address.
+     */
+    avatarURL?: string;
+    /**
+     * Acronym text if avatar not valid.
+     */
+    avatarAcronym?: string;
+    /**
+     * Validitiy of avatar.
+     */
+    validAvatar?: boolean;
+    /**
+     * Datasets of chart legend.
+     */
+    legend?: PieChartLegend;
+    /**
+     * Responsive state.
+     */
+    isMobile?: boolean;
+    /**
+     * Customize tooltip label.
+     */
+    tooltip?: PieChartTooltip;
+    /**
+     * Show datasets percentage.
+     */
+    showPercentage?: boolean;
+}
+declare const PieChartComponent: {
+    ({ data, css, avatarURL, avatarAcronym, validAvatar, legend, isMobile, tooltip, showPercentage, title, subtitle, }: PieChartProps): JSX.Element;
+    defaultProps: {
+        data: never[];
+        avatarURL: undefined;
+        avatarAcronym: string;
+        validAvatar: boolean;
+        legend: {
+            data: never[];
+            position: string;
+        };
+        isMobile: boolean;
+    };
+};
+export default PieChartComponent;

package/components/pieChart/index.d.ts

@@ -0,0 +1 @@
+export { default as PieChart } from './PieChart';

package/index.esm.css

@@ -1295,3 +1295,7 @@
 .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
   counter-reset: ol4;
 }
+
+.recharts-pie-sector {
+  outline: none;
+}