@oliasoft-open-source/charts-library 4.8.0-beta-2 → 4.8.0-beta-3

package/dist/index.js

@@ -9,7 +9,7 @@ import { produce } from "immer";
 import { round as round$2, displayNumber, roundByMagnitude } from "@oliasoft-open-source/units";
 import cx from "classnames";
 import { Portal, Icon, Menu, Tooltip as Tooltip$2, Button, Popover, Field, InputGroup, NumberInput, InputGroupAddon, Select, ButtonGroup, Spacer, Flex, Text } from "@oliasoft-open-source/react-ui-library";
-import { isEmpty, isArray as isArray$2, some, has, cloneDeep, defaultTo, findIndex, set as set$2, debounce as debounce$3, isNil, map as map$3, find, get as get$1, noop as noop$2 } from "lodash";
+import { cloneDeep, defaultTo, findIndex, set as set$2, debounce as debounce$3, isNil, map as map$3, find, get as get$1, noop as noop$2 } from "lodash";
 /*!
  * @kurkle/color v0.3.2
  * https://github.com/kurkle/color#readme
@@ -25029,11 +25029,7 @@ const getDefaultProps$3 = (props) => {
     }
   };
 };
-const DEFAULT_POINT_RADIUS = 2;
-const DEFAULT_HOVER_RADIUS = 5;
 const DEFAULT_BORDER_WIDTH = 1;
-const BORDER_JOIN_STYLE = "round";
-const DEFAULT_BACKGROUND_COLOR = "transparent";
 const ZOOM_BOX_BACKGROUND_COLOR = "rgba(0, 0, 0, 0.1)";
 const DOUBLE_CLICK = "dblclick";
 const INIT_KEYS = {
@@ -25042,130 +25038,6 @@ const INIT_KEYS = {
 };
 const LOWER_BOUND = 1e-4;
 const UPPER_BOUND = 1e7;
-const checkCustomOption = (data, customOptions) => {
-  if (isEmpty(data) || isEmpty(customOptions)) return false;
-  const checkOption = (dataset) => {
-    if (typeof customOptions === "string") {
-      return dataset && has(dataset, customOptions);
-    } else if (isArray$2(customOptions)) {
-      return dataset && some(customOptions, (option) => dataset && has(dataset, option));
-    } else {
-      return dataset && some(
-        Object.values(customOptions),
-        (option) => dataset && has(dataset, option)
-      );
-    }
-  };
-  if (isArray$2(data)) {
-    return some(data, checkOption);
-  } else {
-    return checkOption(data);
-  }
-};
-var CUSTOM_OPTION = /* @__PURE__ */ ((CUSTOM_OPTION2) => {
-  CUSTOM_OPTION2["showLine"] = "showLine";
-  CUSTOM_OPTION2["showPoints"] = "showPoints";
-  return CUSTOM_OPTION2;
-})(CUSTOM_OPTION || {});
-const generateLineChartDatasets = (datasets, state, options, { label }) => {
-  const copyDataset = [...datasets ?? []];
-  const { annotations, graph } = options ?? {};
-  const {
-    controlAnnotation,
-    showAnnotations,
-    annotationsData = []
-  } = annotations ?? {};
-  if (controlAnnotation && showAnnotations) {
-    const annotationDatasets = annotationsData.map((ann, index2) => {
-      const { type, ...annotation2 } = ann;
-      const color2 = annotation2.color ?? COLORS[index2];
-      const borderDash = ANNOTATION_DASH;
-      const borderWidth = BORDER_WIDTH.INITIAL;
-      return {
-        ...annotation2,
-        isAnnotation: true,
-        annotationType: type,
-        label: annotation2.label,
-        annotationIndex: index2,
-        backgroundColor: color2,
-        pointBackgroundColor: color2,
-        borderColor: color2,
-        borderDash,
-        borderWidth,
-        data: [{}]
-      };
-    });
-    copyDataset.push(...annotationDatasets);
-  }
-  return copyDataset == null ? void 0 : copyDataset.map((line, i2) => {
-    var _a2, _b2;
-    const {
-      formation,
-      data = [],
-      pointRadius: pointRadiusProp,
-      pointHoverRadius,
-      borderWidth,
-      borderColor,
-      backgroundColor,
-      pointBackgroundColor,
-      borderDash,
-      showPoints: customShowPoints,
-      showLine: customShowLine
-    } = line ?? {};
-    const { lineEnabled, pointsEnabled, axes = [] } = state ?? {};
-    const { lineTension, spanGaps } = graph ?? {};
-    if (formation) {
-      const axesMin = (_a2 = axes[0]) == null ? void 0 : _a2.min;
-      const axesMax = (_b2 = axes[0]) == null ? void 0 : _b2.max;
-      const [startPoint, endPoint] = data;
-      if (axesMin && (startPoint == null ? void 0 : startPoint.x)) {
-        data[0].x = Math.max(axesMin, startPoint.x);
-      }
-      if (axesMax && (endPoint == null ? void 0 : endPoint.x)) {
-        data[2].x = Math.min(axesMax, endPoint.x);
-      }
-    }
-    const hasCustomOpt = checkCustomOption(line, CUSTOM_OPTION);
-    const filteredData = data.filter(Boolean) || [];
-    const isSinglePoint = (filteredData == null ? void 0 : filteredData.length) === 1;
-    let pointState, lineState;
-    if (customShowPoints !== void 0) {
-      pointState = customShowPoints;
-    } else if (customShowLine === false) {
-      pointState = true;
-    } else {
-      pointState = pointsEnabled || isSinglePoint;
-    }
-    if (customShowLine !== void 0) {
-      lineState = customShowLine;
-    } else if (customShowPoints === false) {
-      lineState = true;
-    } else {
-      lineState = lineEnabled;
-    }
-    const linePointRadius = parseFloat(pointRadiusProp) || DEFAULT_POINT_RADIUS;
-    const hoverRadius = parseFloat(pointHoverRadius) || DEFAULT_HOVER_RADIUS;
-    const indexedColor = COLORS[i2];
-    return {
-      ...line,
-      label: (line == null ? void 0 : line.label) ?? `${label} ${i2 + 1}`,
-      data: filteredData,
-      showLine: lineState,
-      lineTension: (line == null ? void 0 : line.lineTension) ?? lineTension,
-      spanGaps,
-      borderWidth: parseFloat(borderWidth) || DEFAULT_BORDER_WIDTH,
-      borderDash: borderDash || [],
-      borderJoinStyle: BORDER_JOIN_STYLE,
-      borderColor: borderColor ?? indexedColor ?? generateRandomColor(COLORS),
-      backgroundColor: backgroundColor ?? DEFAULT_BACKGROUND_COLOR,
-      pointBackgroundColor: pointBackgroundColor ?? indexedColor ?? generateRandomColor(COLORS),
-      pointRadius: pointState ? linePointRadius : 0,
-      pointHoverRadius: hoverRadius,
-      pointHitRadius: (line == null ? void 0 : line.pointHitRadius) ?? hoverRadius,
-      ...hasCustomOpt ? { hasCustomOpt } : {}
-    };
-  });
-};
 const calculateDelta$1 = (tickValue, ticks) => {
   let delta = ticks.length > 3 ? ticks[2].value - ticks[1].value : ticks[1].value - ticks[0].value;
   if (Math.abs(delta) >= 1 && tickValue !== Math.floor(Number(tickValue))) {
@@ -27147,7 +27019,7 @@ const LineChart = (props) => {
   const { translations, languageKey } = getConfig();
   const chart2 = getDefaultProps$3(props);
   const {
-    data: { datasets } = { datasets: [] },
+    // data: { datasets } = { datasets: [] },
     options,
     testId,
     persistenceId,
@@ -27155,6 +27027,7 @@ const LineChart = (props) => {
   } = chart2;
   const { annotations, axes, chartStyling, graph } = options ?? {};
   const showCustomLegend = !((_b2 = (_a2 = options == null ? void 0 : options.legend) == null ? void 0 : _a2.customLegend) == null ? void 0 : _b2.customLegendContainerID);
+  console.time("useReducer");
   const [state, dispatch] = useReducer(
     reducer$1,
     {
@@ -27163,9 +27036,13 @@ const LineChart = (props) => {
     },
     initialState
   );
+  console.timeEnd("useReducer");
+  console.time("generatedDatasets");
   const generatedDatasets = useMemo(() => {
-    return generateLineChartDatasets(datasets, state, options, translations);
+    return [];
   }, [state.lineEnabled, state.pointsEnabled, axes, annotations, graph]);
+  console.timeEnd("generatedDatasets");
+  console.time("useChartState");
   useChartState({
     chartRef,
     options,
@@ -27174,6 +27051,8 @@ const LineChart = (props) => {
     persistenceId,
     generatedDatasets
   });
+  console.timeEnd("useChartState");
+  console.time("useChartFunctions");
   const { resetZoom: resetZoom2, handleKeyDown, handleKeyUp } = useChartFunctions({
     chartRef,
     state,
@@ -27181,6 +27060,8 @@ const LineChart = (props) => {
     dispatch,
     generatedDatasets
   });
+  console.timeEnd("useChartFunctions");
+  console.time("useChartOptions");
   const useOptions = useChartOptions({
     chartRef,
     state,
@@ -27188,7 +27069,10 @@ const LineChart = (props) => {
     dispatch,
     generatedDatasets
   });
+  console.timeEnd("useChartOptions");
+  console.time("useChartPlugins");
   const usePlugins = useChartPlugins({ options, resetZoom: resetZoom2 });
+  console.timeEnd("useChartPlugins");
   return /* @__PURE__ */ jsxs(
     "div",
     {