zeonailabs-reactlib 1.0.2 → 1.0.5

package/dist/components/AreaChart/AreaChart.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { ChartMargin } from '../chartMargin';
+import { AxisValueFormatter } from '../chartFormat';
 export interface AreaChartSeries {
     data: number[];
     label?: string;
@@ -14,6 +16,8 @@ export interface AreaChartProps {
     height?: number;
     loading?: boolean;
     showMarks?: boolean;
+    margin?: ChartMargin;
+    valueFormatter?: AxisValueFormatter;
 }
 declare const AreaChart: React.FC<AreaChartProps>;
 export default AreaChart;

package/dist/components/BarChart/BarChart.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { ChartMargin } from '../chartMargin';
+import { AxisValueFormatter } from '../chartFormat';
 export interface BarChartSeries {
     data: number[];
     label?: string;
@@ -14,6 +16,9 @@ export interface BarChartProps {
     width?: number;
     height?: number;
     loading?: boolean;
+    margin?: ChartMargin;
+    valueFormatter?: AxisValueFormatter;
+    categoryLabelMaxLength?: number;
 }
 declare const BarChart: React.FC<BarChartProps>;
 export default BarChart;

package/dist/components/LineChart/LineChart.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { ChartMargin } from '../chartMargin';
+import { AxisValueFormatter } from '../chartFormat';
 export interface LineChartSeries {
     data: number[];
     label?: string;
@@ -12,6 +14,8 @@ export interface LineChartProps {
     width?: number;
     height?: number;
     loading?: boolean;
+    margin?: ChartMargin;
+    valueFormatter?: AxisValueFormatter;
 }
 declare const LineChart: React.FC<LineChartProps>;
 export default LineChart;

package/dist/components/ScatterChart/ScatterChart.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+import { ChartMargin } from '../chartMargin';
+import { AxisValueFormatter } from '../chartFormat';
 export interface ScatterChartPoint {
     x: number;
     y: number;
@@ -16,6 +18,8 @@ export interface ScatterChartProps {
     width?: number;
     height?: number;
     loading?: boolean;
+    margin?: ChartMargin;
+    valueFormatter?: AxisValueFormatter;
 }
 declare const ScatterChart: React.FC<ScatterChartProps>;
 export default ScatterChart;

package/dist/components/chartFormat.d.ts

@@ -0,0 +1,6 @@
+export declare const compactNumber: (value: unknown) => string;
+export type AxisValueFormatter = (value: unknown) => string;
+export declare const truncateText: (value: unknown, maxLength: number) => string;
+export declare const truncatedTickFormatter: (maxLength: number) => (value: unknown, context?: {
+    location?: string;
+}) => string;

package/dist/components/chartMargin.d.ts

@@ -0,0 +1,8 @@
+export interface ChartMargin {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+export declare const DEFAULT_CHART_MARGIN: Required<ChartMargin>;
+export declare const resolveMargin: (margin?: ChartMargin) => Required<ChartMargin>;

package/dist/components/chartStyles.d.ts

@@ -0,0 +1,5 @@
+export declare const AXIS_LABEL_SX: {
+    readonly '& .MuiChartsAxis-left .MuiChartsAxis-label': {
+        readonly translate: "-30px 0";
+    };
+};

package/dist/index.d.ts

@@ -19,3 +19,7 @@ export { default as GeoPoints } from './components/GeoPoints';
 export type { GeoPointsProps, GeoPoint } from './components/GeoPoints';
 export { default as AreaChart } from './components/AreaChart';
 export type { AreaChartProps, AreaChartSeries } from './components/AreaChart';
+export { DEFAULT_CHART_MARGIN, resolveMargin } from './components/chartMargin';
+export type { ChartMargin } from './components/chartMargin';
+export { compactNumber, truncatedTickFormatter } from './components/chartFormat';
+export type { AxisValueFormatter } from './components/chartFormat';