@axdspub/axiom-charts 0.0.28 → 0.0.29

package/library/axiom-charts.d.ts

@@ -1,5 +1,5 @@
 import { IRequestItemProps, IDataResult, INumericDataAccessor, IRequestItemData, IRequestItemImplementation } from '@axdspub/axiom-ui-data-services';
-import { ReactElement } from 'react';
+import { ReactElement, CSSProperties } from 'react';
 
 interface IUnit {
     code: string;
@@ -241,4 +241,10 @@ declare abstract class RadialChartRoot extends ChartRoot {
 
 declare const AxiomChartComponent: (props: IChart) => ReactElement;
 
-export { AxiomChartComponent as Chart, ChartRoot, EChartAxes, EPlotTypes, IChart, IChartAxes, IChartAxis, IChartDimension, IChartDimensionAccessor, IChartDimensionDomain, IChartDimensionParameter, IChartDimensions, IChartImplementation, IChartImplementationProps, IChartLibrary, IChartScale, IChartSettings, ILegendItem, INumericRange, INumericScale, IPlot, IPlotAxisSetting, IPlotAxisSettings, IPlotData, IPlotDataAccessors, IPlotDataLoadEvent, IPlotImplementation, IPlotImplementationGroup, IPlotImplementationGroups, IPlotImplementationProps, IPlotLegends, IPlotScrubEvent, IPlotScrubSettings, IPlotScrubs, IPlotStyle, IPlotTypes, RadialChartRoot };
+interface ILegendProps {
+    plotLegends: IPlotLegends;
+    style?: CSSProperties;
+}
+declare const Legend: ({ plotLegends, style }: ILegendProps) => ReactElement;
+
+export { AxiomChartComponent as Chart, ChartRoot, EChartAxes, EPlotTypes, IChart, IChartAxes, IChartAxis, IChartDimension, IChartDimensionAccessor, IChartDimensionDomain, IChartDimensionParameter, IChartDimensions, IChartImplementation, IChartImplementationProps, IChartLibrary, IChartScale, IChartSettings, ILegendItem, INumericRange, INumericScale, IPlot, IPlotAxisSetting, IPlotAxisSettings, IPlotData, IPlotDataAccessors, IPlotDataLoadEvent, IPlotImplementation, IPlotImplementationGroup, IPlotImplementationGroups, IPlotImplementationProps, IPlotLegends, IPlotScrubEvent, IPlotScrubSettings, IPlotScrubs, IPlotStyle, IPlotTypes, Legend, RadialChartRoot };

package/library/browser.js

@@ -1842,8 +1842,13 @@ var AxiomCharts = (function (exports, axiomUiDataServices, d3Array, lodash, requ
         return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [error !== undefined ? jsxRuntimeExports.jsx("p", { children: error }) : '', jsxRuntimeExports.jsx("div", { className: "chart relative", style: { width: w, height: `${props.settings.height}px` }, ref: chartRef })] }));
     };
 
+    const Legend = ({ plotLegends, style }) => {
+        return (jsxRuntimeExports.jsx("div", { className: 'flex gap-4 flex-wrap hover:cursor-pointer', style: style, children: Object.entries(plotLegends).map(([plotId, legendItems]) => (jsxRuntimeExports.jsx("div", { className: 'flex gap-4 flex-wrap', children: legendItems.map(item => (jsxRuntimeExports.jsxs("div", { className: 'flex gap-2 items-center', children: [jsxRuntimeExports.jsx("div", { className: 'w-4 h-4 rounded-full', style: item.style }), jsxRuntimeExports.jsx("div", { children: item.label })] }, item.id))) }, plotId))) }));
+    };
+
     exports.Chart = AxiomChartComponent;
     exports.ChartRoot = ChartRoot;
+    exports.Legend = Legend;
     exports.RadialChartRoot = RadialChartRoot;
 
     return exports;