@oliasoft-open-source/charts-library 4.7.3-beta-3 → 4.7.4

package/dist/index.js

@@ -25281,15 +25281,15 @@ const getLineChartScales = (options, state) => {
 };
 const estimateDataSeriesHaveCloseValues = (generatedDatasets) => {
   var _a2;
-  if (!Array.isArray(generatedDatasets) || !generatedDatasets.length) {
+  if (!Array.isArray(generatedDatasets) || !(generatedDatasets == null ? void 0 : generatedDatasets.length)) {
     return false;
   }
-  const axesFirstLast = generatedDatasets.reduce((acc, dataset) => {
+  const axesFirstLast = generatedDatasets == null ? void 0 : generatedDatasets.reduce((acc, dataset) => {
     var _a3, _b2, _c2, _d2;
     const xAxisId = (dataset == null ? void 0 : dataset.xAxisID) ?? "defaultX";
     const yAxisId = (dataset == null ? void 0 : dataset.yAxisID) ?? "defaultY";
     const data = (dataset == null ? void 0 : dataset.data) ?? [];
-    if (data && data.length) {
+    if (data && (data == null ? void 0 : data.length)) {
       const { x: xFirstCurrent, y: yFirstCurrent } = (data == null ? void 0 : data[0]) ?? {};
       const { x: xLastCurrent = 0, y: yLastCurrent = 0 } = (data == null ? void 0 : data.at(-1)) ?? {};
       const xFirstAcc = ((_a3 = acc == null ? void 0 : acc[xAxisId]) == null ? void 0 : _a3.xFirst) ?? xFirstCurrent;
@@ -25334,7 +25334,7 @@ const getSuggestedAxisRange = ({
   );
   const isNegative = Math.sign(dataMin) === -1 || Math.sign(dataMax) === -1;
   const isCloseToZeroWithTolerance = isCloseTo(dataMin, 0, { absoluteDiff: MAX_DECIMAL_DIFF }) && isCloseTo(dataMax, 0, { absoluteDiff: MAX_DECIMAL_DIFF });
-  if (!data.length || isCloseToZeroWithTolerance) {
+  if (!(data == null ? void 0 : data.length) || isCloseToZeroWithTolerance) {
     return defaultRange;
   }
   if (isCloseTo(dataMin, dataMax, { absoluteDiff: MAX_DECIMAL_DIFF })) {
@@ -25859,7 +25859,7 @@ const useLegend = () => {
   return context;
 };
 const useLegendState = ({ chartRef, options }) => {
-  const { state, dispatch } = useLegend();
+  const { state, dispatch } = useLegend() ?? {};
   const {
     annotations,
     interactions: { onLegendClick },
@@ -25868,16 +25868,16 @@ const useLegendState = ({ chartRef, options }) => {
   const legendClick = useCallback(
     (_2, legendItem2) => {
       var _a2;
-      const { datasetIndex = -1 } = legendItem2;
+      const { datasetIndex = -1 } = legendItem2 ?? {};
       let annotationIndex = null;
       const chartInstance = chartRef == null ? void 0 : chartRef.current;
       const datasets = ((_a2 = chartInstance == null ? void 0 : chartInstance.data) == null ? void 0 : _a2.datasets) ?? [];
-      const dataset = datasets[datasetIndex] ?? {};
+      const dataset = (datasets == null ? void 0 : datasets[datasetIndex]) ?? {};
       if ((annotations == null ? void 0 : annotations.controlAnnotation) && (dataset == null ? void 0 : dataset.isAnnotation)) {
-        annotationIndex = dataset.annotationIndex ?? null;
+        annotationIndex = (dataset == null ? void 0 : dataset.annotationIndex) ?? null;
       }
       if (onLegendClick) {
-        const legendState = legendItem2.hidden ?? false;
+        const legendState = (legendItem2 == null ? void 0 : legendItem2.hidden) ?? false;
         onLegendClick(legendItem2 == null ? void 0 : legendItem2.text, legendState);
       }
       dispatch({
@@ -25912,7 +25912,7 @@ const useLegendState = ({ chartRef, options }) => {
   );
   return {
     legendClick,
-    annotation: state.annotation,
+    annotation: state == null ? void 0 : state.annotation,
     legend: legend2,
     customLegendPlugin
   };
@@ -25964,9 +25964,9 @@ const useChartOptions = ({
     dispatch,
     generatedDatasets
   });
-  const { legend: legend2, customLegendPlugin } = useLegendState({ chartRef, options });
-  const { state: legendState } = useLegend();
-  const { annotation: annotation2 } = legendState;
+  const { legend: legend2, customLegendPlugin } = useLegendState({ chartRef, options }) ?? {};
+  const { state: legendState } = useLegend() ?? {};
+  const { annotation: annotation2 } = legendState ?? {};
   const datalabels = getLineChartDataLabels(options);
   const tooltip = getLineChartToolTips(options);
   const scales = useMemo(
@@ -26006,7 +26006,7 @@ const useChartOptions = ({
   const plugins = {
     datalabels,
     annotationDraggerPlugin: {
-      enabled: state.enableDragAnnotation
+      enabled: state == null ? void 0 : state.enableDragAnnotation
     },
     annotation: toAnnotationObject(annotation2),
     zoom: { pan: panOptions, zoom: zoomOptions },
@@ -26030,32 +26030,35 @@ const useChartOptions = ({
     ...dragData
   };
   return useMemo(
-    () => ({
-      layout: {
-        padding: layoutPadding
-      },
-      onHover: onHover(hoveredPoint, setHoveredPoint),
-      maintainAspectRatio: options.chartStyling.maintainAspectRatio,
-      aspectRatio: options.chartStyling.squareAspectRatio ? 1 : 0,
-      animation: options.chartStyling.performanceMode ? false : {
-        duration: ANIMATION_DURATION.FAST,
-        onComplete: onAnimationComplete
-      },
-      hover: {
-        mode: ChartHoverMode.Nearest,
-        intersect: true
-      },
-      elements: {
-        line: {
-          pointStyle: PointStyle.Circle,
-          showLine: lineEnabled,
-          tension: 0
-        }
-      },
-      scales,
-      plugins,
-      events: Object.values(Events)
-    }),
+    () => {
+      var _a2, _b2, _c2;
+      return {
+        layout: {
+          padding: layoutPadding
+        },
+        onHover: onHover(hoveredPoint, setHoveredPoint),
+        maintainAspectRatio: (_a2 = options == null ? void 0 : options.chartStyling) == null ? void 0 : _a2.maintainAspectRatio,
+        aspectRatio: ((_b2 = options == null ? void 0 : options.chartStyling) == null ? void 0 : _b2.squareAspectRatio) ? 1 : 0,
+        animation: ((_c2 = options == null ? void 0 : options.chartStyling) == null ? void 0 : _c2.performanceMode) ? false : {
+          duration: ANIMATION_DURATION.FAST,
+          onComplete: onAnimationComplete
+        },
+        hover: {
+          mode: ChartHoverMode.Nearest,
+          intersect: true
+        },
+        elements: {
+          line: {
+            pointStyle: PointStyle.Circle,
+            showLine: lineEnabled,
+            tension: 0
+          }
+        },
+        scales,
+        plugins,
+        events: Object.values(Events)
+      };
+    },
     [state, options, chartRef]
   );
 };
@@ -26811,7 +26814,7 @@ const config = {
   [INIT_KEYS.TRANSLATIONS]: getTranslations(),
   [INIT_KEYS.LANGUAGE_KEY]: "en"
 };
-const getConfig = (key = "") => key ? config[key] : config;
+const getConfig = (key = "") => key ? config == null ? void 0 : config[key] : config;
 const setConfig = (key, newValue) => {
   config[key] = newValue;
 };
@@ -27263,7 +27266,7 @@ const LineChart = (props) => {
   var _a2, _b2;
   setDefaultTheme();
   const chartRef = useRef(null);
-  const { table: table2 } = props;
+  const { table: table2 } = props ?? {};
   const { translations, languageKey } = getConfig();
   const chart2 = getDefaultProps$3(props);
   const {
@@ -27273,7 +27276,7 @@ const LineChart = (props) => {
     persistenceId,
     controlsPortalId
   } = chart2;
-  const { annotations, axes, chartStyling, graph } = options;
+  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);
   const [state, dispatch] = useReducer(
     reducer$1,
@@ -27362,10 +27365,10 @@ const LineChart = (props) => {
       ]
     },
     generateKey([
-      state.enableDragPoints,
-      state.enableDragAnnotation,
-      state.zoomEnabled,
-      state.panEnabled,
+      state == null ? void 0 : state.enableDragPoints,
+      state == null ? void 0 : state.enableDragAnnotation,
+      state == null ? void 0 : state.zoomEnabled,
+      state == null ? void 0 : state.panEnabled,
       languageKey
     ])
   );
@@ -39990,8 +39993,8 @@ const Ht = { id: "dragdata", afterInit: function(t) {
 Chart.register(Ht);
 const useBarChartConfig = (chartRef, chart2) => {
   var _a2;
-  const { options } = chart2;
-  const { interactions } = options;
+  const { options } = chart2 ?? {};
+  const { interactions } = options ?? {};
   const [pointHover, setPointHover] = useState(false);
   const generateBarChartDatasets = ({
     datasets,
@@ -40003,29 +40006,30 @@ const useBarChartConfig = (chartRef, chart2) => {
     const annotationsDatasets = controlAnnotation && showAnnotations && (annotationsData == null ? void 0 : annotationsData.length) ? annotationsData.map(
       (annotation2, index2) => ({
         isAnnotation: true,
-        label: annotation2.label,
+        label: annotation2 == null ? void 0 : annotation2.label,
         annotationIndex: index2,
-        backgroundColor: annotation2.color || COLORS[index2],
-        borderColor: annotation2.color || COLORS[index2],
+        backgroundColor: (annotation2 == null ? void 0 : annotation2.color) || COLORS[index2],
+        borderColor: (annotation2 == null ? void 0 : annotation2.color) || COLORS[index2],
         data: [],
         type: ChartType$1.Bar
       })
     ) : [];
     const barDatasetsCopy = [...datasets, ...annotationsDatasets];
-    const generatedDatasets2 = barDatasetsCopy.map((barDataset, index2) => {
+    const generatedDatasets2 = barDatasetsCopy == null ? void 0 : barDatasetsCopy.map((barDataset, index2) => {
+      var _a3;
       const colorSchema = COLORS;
-      const colors2 = barDataset.data.map((_2) => {
-        const colorSelectionIndex = datasets.length > 1 ? index2 : 0;
-        return colorSchema[colorSelectionIndex] || generateRandomColor(COLORS);
+      const colors2 = (_a3 = barDataset == null ? void 0 : barDataset.data) == null ? void 0 : _a3.map((_2) => {
+        const colorSelectionIndex = (datasets == null ? void 0 : datasets.length) > 1 ? index2 : 0;
+        return (colorSchema == null ? void 0 : colorSchema[colorSelectionIndex]) || generateRandomColor(COLORS);
       });
-      const backgroundColors = barDataset.backgroundColor || colors2.map((color2) => color2 + ALPHA_CHANEL);
+      const backgroundColors = (barDataset == null ? void 0 : barDataset.backgroundColor) || (colors2 == null ? void 0 : colors2.map((color2) => color2 + ALPHA_CHANEL));
       const datasetWithBorderWidth = "borderWidth" in barDatasetsCopy ? {
-        borderWidth: parseFloat(String(barDatasetsCopy.borderWidth)) ?? 1
+        borderWidth: parseFloat(String(barDatasetsCopy == null ? void 0 : barDatasetsCopy.borderWidth)) ?? 1
       } : {};
       return {
         ...barDataset,
         ...datasetWithBorderWidth,
-        borderColor: barDataset.borderColor || colors2[index2],
+        borderColor: (barDataset == null ? void 0 : barDataset.borderColor) || (colors2 == null ? void 0 : colors2[index2]),
         backgroundColor: backgroundColors
       };
     });
@@ -40041,16 +40045,16 @@ const useBarChartConfig = (chartRef, chart2) => {
   const onHover = (evt, hoveredItems) => {
     if (pointHover && !(hoveredItems == null ? void 0 : hoveredItems.length)) {
       setPointHover(false);
-      if (interactions.onUnhover) {
-        interactions.onUnhover(evt);
+      if (interactions == null ? void 0 : interactions.onUnhover) {
+        interactions == null ? void 0 : interactions.onUnhover(evt);
       }
     }
     if (!pointHover && (hoveredItems == null ? void 0 : hoveredItems.length)) {
       setPointHover(true);
       if (interactions.onHover) {
-        const { index: index2, datasetIndex } = hoveredItems[0];
+        const { index: index2, datasetIndex } = (hoveredItems == null ? void 0 : hoveredItems[0]) ?? {};
         const generatedDataset = generatedDatasets;
-        interactions.onHover(evt, datasetIndex, index2, generatedDataset);
+        interactions == null ? void 0 : interactions.onHover(evt, datasetIndex, index2, generatedDataset);
       }
     }
   };