@oliasoft-open-source/charts-library 4.3.0-beta-3 → 4.3.0

package/dist/index.js

@@ -22218,6 +22218,9 @@ const reducer$1 = (state, action) => {
         if (draft.enableDragPoints) {
           draft.enableDragPoints = false;
         }
+        if (draft.enableDragAnnotation) {
+          draft.enableDragAnnotation = false;
+        }
         break;
       }
       case TOGGLE_PAN: {
@@ -22228,6 +22231,9 @@ const reducer$1 = (state, action) => {
         if (draft.enableDragPoints) {
           draft.enableDragPoints = false;
         }
+        if (draft.enableDragAnnotation) {
+          draft.enableDragAnnotation = false;
+        }
         break;
       }
       case TOGGLE_POINTS: {
@@ -22272,6 +22278,9 @@ const reducer$1 = (state, action) => {
         if (draft.zoomEnabled) {
           draft.zoomEnabled = false;
         }
+        if (draft.enableDragAnnotation) {
+          draft.enableDragAnnotation = false;
+        }
         break;
       }
       case TOGGLE_DRAG_ANNOTATION: {
@@ -22285,7 +22294,8 @@ const reducer$1 = (state, action) => {
         break;
       }
       case DISABLE_DRAG_OPTIONS: {
-        if (draft.enableDragPoints || draft.panEnabled || draft.zoomEnabled) {
+        if (draft.enableDragAnnotation || draft.enableDragPoints || draft.panEnabled || draft.zoomEnabled) {
+          draft.enableDragAnnotation = false;
           draft.enableDragPoints = false;
           draft.panEnabled = false;
           draft.zoomEnabled = false;
@@ -22469,6 +22479,7 @@ const DEFAULT_COLOR = "hsl(60, 10.34482759%, 12.5%)";
 const LEGEND_LABEL_BOX_SIZE = 12;
 const TOOLTIP_PADDING = 8;
 const TOOLTIP_BOX_PADDING = 4;
+const TRANSPARENT = "transparent";
 const LOGARITHMIC_STEPS = [1, 10, 100, 1e3, 1e4];
 const COLORS = [
   "#3366cc",
@@ -25397,9 +25408,14 @@ const generateAnnotations = (annotationsData) => {
       [AnnotationType.LINE]: color2,
       [AnnotationType.POINT]: color2,
       [AnnotationType.BOX]: color2
-    }[type] || "transparent";
+    }[type] || TRANSPARENT;
     const borderWidth = type === AnnotationType.LINE ? BORDER_WIDTH.INITIAL : 0;
     const borderDash = type === AnnotationType.LINE ? ANNOTATION_DASH : void 0;
+    const defLabel = {
+      content: ann == null ? void 0 : ann.label,
+      display: true,
+      font: { weight: "normal" }
+    };
     const label = {
       [AnnotationType.LINE]: {
         backgroundColor: color2,
@@ -25408,23 +25424,20 @@ const generateAnnotations = (annotationsData) => {
         position: Position.Top
       },
       [AnnotationType.POINT]: {
-        backgroundColor: ((_a2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _a2.backgroundColor) ?? "transparent",
+        backgroundColor: ((_a2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _a2.backgroundColor) ?? TRANSPARENT,
         content: ann == null ? void 0 : ann.label,
         display: !!(ann == null ? void 0 : ann.label),
         position: ((_b2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _b2.position) ?? Position.Bottom,
-        color: ((_c2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _c2.color) ?? "black",
-        font: ((_d2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _d2.font) ?? `bold 12px ${DEFAULT_FONT_FAMILY}`,
+        color: ((_c2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _c2.color) ?? DEFAULT_COLOR,
+        font: ((_d2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _d2.font) ?? `12px ${DEFAULT_FONT_FAMILY}`,
         borderWidth: BORDER_WIDTH.INITIAL,
         padding: 5,
         borderRadius: 3,
-        borderColor: ((_e2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _e2.borderColor) ?? "transparent"
+        borderColor: ((_e2 = ann == null ? void 0 : ann.labelConfig) == null ? void 0 : _e2.borderColor) ?? TRANSPARENT
       },
-      [AnnotationType.BOX]: {
-        content: ann == null ? void 0 : ann.label,
-        display: true,
-        font: { weight: "normal" }
-      }
-    }[type] || "transparent";
+      [AnnotationType.BOX]: defLabel,
+      [AnnotationType.ELLIPSE]: defLabel
+    }[type] || defLabel;
     const enter = ({
       element
     }, {
@@ -26183,7 +26196,6 @@ const annotationLabel = (ctx, annotations, scales) => {
     var _a2;
     if (annotation2.type === AnnotationType.POINT && !isNil(annotation2 == null ? void 0 : annotation2.label) && ((_a2 = annotation2 == null ? void 0 : annotation2.label) == null ? void 0 : _a2.display)) {
       const { content, font, color: color2, position, padding } = (annotation2 == null ? void 0 : annotation2.label) ?? {};
-      console.log(cloneDeep(annotation2));
       ctx.save();
       ctx.font = font;
       ctx.fillStyle = color2;
@@ -39667,32 +39679,41 @@ const useBarChartConfig = (chartRef, chart2) => {
     [chartRef, chart2]
   );
 };
+const getStackedOptions = (axisType, { stacked, stackedX, stackedY }) => {
+  if (axisType === AxisType.X) {
+    return stackedX ?? stacked;
+  } else if (axisType === AxisType.Y) {
+    return stackedY ?? stacked;
+  }
+  return stacked;
+};
 const getBarChartAxis = ({
   chart: chart2,
   axisType = AxisType.X,
   currentScale,
   i: i2
 }) => {
-  var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2;
-  const isDirectionVertical = isVertical(chart2.options.direction);
-  const axisData = currentScale || ((_c2 = (_b2 = (_a2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a2.axes) == null ? void 0 : _b2[axisType]) == null ? void 0 : _c2[0]);
+  var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+  const { data, options } = chart2 ?? {};
+  const isDirectionVertical = isVertical(options.direction);
+  const axisData = currentScale || ((_b2 = (_a2 = options == null ? void 0 : options.axes) == null ? void 0 : _a2[axisType]) == null ? void 0 : _b2[0]);
   const isDirectionCompatibleWithAxisType = isDirectionVertical && axisType === AxisType.Y || !isDirectionVertical && axisType === AxisType.X;
   const grid = (axisData == null ? void 0 : axisData.gridLines) || {};
   const getScaleType = () => {
-    var _a3, _b3;
-    const scaleType = chart2.data.labels ? ScaleType.Category : ScaleType.Linear;
+    var _a3;
+    const scaleType = data.labels ? ScaleType.Category : ScaleType.Linear;
     const axisWithScale = isDirectionVertical ? AxisType.X : AxisType.Y;
-    return axisType === axisWithScale ? scaleType : (_b3 = (_a3 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a3.additionalAxesOptions) == null ? void 0 : _b3.chartScaleType;
+    return axisType === axisWithScale ? scaleType : (_a3 = options == null ? void 0 : options.additionalAxesOptions) == null ? void 0 : _a3.chartScaleType;
   };
   const getReverse = () => {
-    var _a3, _b3;
+    var _a3;
     const axisWithReverse = isDirectionVertical ? AxisType.Y : AxisType.X;
-    return axisType === axisWithReverse ? (_b3 = (_a3 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a3.additionalAxesOptions) == null ? void 0 : _b3.reverse : false;
+    return axisType === axisWithReverse ? (_a3 = options == null ? void 0 : options.additionalAxesOptions) == null ? void 0 : _a3.reverse : false;
   };
   const getTicks = () => {
-    var _a3, _b3, _c3, _d3;
-    const additionalAxesOptions = (_a3 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _a3.additionalAxesOptions;
-    const ticksConfigFromProps = (_d3 = (_c3 = (_b3 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _b3.scales) == null ? void 0 : _c3[`${i2 === 0 ? axisType : axisType + i2}`]) == null ? void 0 : _d3.ticks;
+    var _a3, _b3;
+    const additionalAxesOptions = options == null ? void 0 : options.additionalAxesOptions;
+    const ticksConfigFromProps = (_b3 = (_a3 = options == null ? void 0 : options.scales) == null ? void 0 : _a3[`${i2 === 0 ? axisType : axisType + i2}`]) == null ? void 0 : _b3.ticks;
     const isLogarithmic = isDirectionCompatibleWithAxisType && (additionalAxesOptions == null ? void 0 : additionalAxesOptions.chartScaleType) === ScaleType.Logarithmic;
     const ticksFormattingCallback = (tick, _2, ticks2) => {
       return isLogarithmic ? LOGARITHMIC_STEPS.includes(Number(tick)) ? formatAxisLabelNumbers(tick, ticks2) : "" : formatAxisLabelNumbers(tick, ticks2);
@@ -39717,14 +39738,14 @@ const getBarChartAxis = ({
   return {
     type: getScaleType(),
     position: axisData == null ? void 0 : axisData.position,
-    beginAtZero: (_e2 = (_d2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _d2.additionalAxesOptions) == null ? void 0 : _e2.beginAtZero,
+    beginAtZero: (_c2 = options == null ? void 0 : options.additionalAxesOptions) == null ? void 0 : _c2.beginAtZero,
     reverse: getReverse(),
-    suggestedMax: (_g2 = (_f2 = chart2.options) == null ? void 0 : _f2.additionalAxesOptions) == null ? void 0 : _g2.suggestedMax,
-    suggestedMin: (_i2 = (_h2 = chart2.options) == null ? void 0 : _h2.additionalAxesOptions) == null ? void 0 : _i2.suggestedMin,
-    min: isDirectionCompatibleWithAxisType ? (_k2 = (_j2 = chart2.options) == null ? void 0 : _j2.additionalAxesOptions) == null ? void 0 : _k2.min : void 0,
-    max: isDirectionCompatibleWithAxisType ? (_m2 = (_l2 = chart2.options) == null ? void 0 : _l2.additionalAxesOptions) == null ? void 0 : _m2.max : void 0,
+    suggestedMax: (_d2 = options == null ? void 0 : options.additionalAxesOptions) == null ? void 0 : _d2.suggestedMax,
+    suggestedMin: (_e2 = options == null ? void 0 : options.additionalAxesOptions) == null ? void 0 : _e2.suggestedMin,
+    min: isDirectionCompatibleWithAxisType ? (_f2 = options == null ? void 0 : options.additionalAxesOptions) == null ? void 0 : _f2.min : void 0,
+    max: isDirectionCompatibleWithAxisType ? (_g2 = options == null ? void 0 : options.additionalAxesOptions) == null ? void 0 : _g2.max : void 0,
     title: {
-      display: ((_n2 = axisData == null ? void 0 : axisData.label) == null ? void 0 : _n2.length) || ((_o2 = axisData == null ? void 0 : axisData.unit) == null ? void 0 : _o2.length),
+      display: ((_h2 = axisData == null ? void 0 : axisData.label) == null ? void 0 : _h2.length) || ((_i2 = axisData == null ? void 0 : axisData.unit) == null ? void 0 : _i2.length),
       text: (axisData == null ? void 0 : axisData.label) || (axisData == null ? void 0 : axisData.unit),
       padding: 0
     },
@@ -39732,7 +39753,7 @@ const getBarChartAxis = ({
     grid: {
       ...grid
     },
-    stacked: (_q2 = (_p2 = chart2 == null ? void 0 : chart2.options) == null ? void 0 : _p2.additionalAxesOptions) == null ? void 0 : _q2.stacked
+    stacked: getStackedOptions(axisType, options == null ? void 0 : options.additionalAxesOptions)
   };
 };
 const getBarChartAxes = (chart2, axisType) => {
@@ -39952,7 +39973,9 @@ const defaultAdditionalAxesOptions$1 = (options) => ({
   suggestedMin: options == null ? void 0 : options.suggestedMin,
   suggestedMax: options == null ? void 0 : options.suggestedMax,
   min: options == null ? void 0 : options.min,
-  max: options == null ? void 0 : options.max
+  max: options == null ? void 0 : options.max,
+  stackedX: options == null ? void 0 : options.stackedX,
+  stackedY: options == null ? void 0 : options.stackedY
 });
 const defaultChartStyling$1 = (styling) => ({
   width: styling == null ? void 0 : styling.width,
@@ -40031,6 +40054,8 @@ const getDefaultProps$1 = (props) => {
 };
 Chart$2.register(
   LinearScale$1,
+  PointElement$1,
+  LineElement$1,
   CategoryScale$1,
   LogarithmicScale$1,
   BarElement$1,