@oliasoft-open-source/charts-library 4.4.4 → 4.4.6

package/dist/index.js

@@ -13,7 +13,6 @@ import { round as round$2, displayNumber, isCloseTo, roundByMagnitude } from "@o
 import cx from "classnames";
 import { Portal, Icon, Tooltip as Tooltip$2, Button, Flex, Text, Menu, Popover, Field, InputGroup, NumberInput, InputGroupAddon, Select, ButtonGroup, Spacer } 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 } from "lodash";
-import { roundNumberToPrecision } from "@oliasoft-open-source/units/dist/rounding/rounding";
 /*!
  * @kurkle/color v0.3.2
  * https://github.com/kurkle/color#readme
@@ -26994,7 +26993,8 @@ const defaultChartStyling$2 = (styling) => ({
 });
 const defaultTooltip$2 = (tooltip) => ({
   tooltips: (tooltip == null ? void 0 : tooltip.tooltips) ?? true,
-  showLabelsInTooltips: (tooltip == null ? void 0 : tooltip.showLabelsInTooltips) || false
+  showLabelsInTooltips: (tooltip == null ? void 0 : tooltip.showLabelsInTooltips) || false,
+  scientificNotation: (tooltip == null ? void 0 : tooltip.scientificNotation) ?? true
 });
 const defaultGraph$2 = (graph) => ({
   showDataLabels: (graph == null ? void 0 : graph.showDataLabels) || false,
@@ -27039,6 +27039,8 @@ const getDefaultProps$2 = (props) => {
     }
   };
 };
+const DISPLAY_SCIENTIFIC_LOWER_BOUND = 1e-4;
+const DISPLAY_SCIENTIFIC_UPPER_BOUND = 1e7;
 const usePieChartConfig = (chart2) => {
   const [pointHover, setPointHover] = useState(false);
   const { data, options } = chart2;
@@ -27171,6 +27173,16 @@ const usePieChartConfig = (chart2) => {
     };
   };
   const getToolTips = () => {
+    const customFormatNumber2 = (labelNumber) => {
+      var _a2;
+      let roundOptions = {};
+      if (!((_a2 = options == null ? void 0 : options.tooltip) == null ? void 0 : _a2.scientificNotation)) {
+        roundOptions = { scientific: false };
+      } else if (Math.abs(labelNumber) < DISPLAY_SCIENTIFIC_LOWER_BOUND || Math.abs(labelNumber) > DISPLAY_SCIENTIFIC_UPPER_BOUND) {
+        roundOptions = { roundScientificCoefficient: 3 };
+      }
+      return displayNumber(roundByMagnitude(labelNumber), roundOptions);
+    };
     return {
       callbacks: {
         title: (tooltipItem) => {
@@ -27187,8 +27199,7 @@ const usePieChartConfig = (chart2) => {
           const value = tooltipItem.dataset.data[dataIndex];
           const labelValue = typeof value === "object" ? `${value.value || ""} ${options.tooltip.showLabelsInTooltips && value.label ? "(" + value.label + ")" : ""}` : value;
           const unit = (data == null ? void 0 : data.yUnit) ? `[${data == null ? void 0 : data.yUnit}]` : "";
-          const formattedValue = Math.abs(labelValue) < 1 ? roundNumberToPrecision(labelValue, 3) : round$2(labelValue, 3);
-          return `${dataLabel} ${formattedValue} ${unit}`;
+          return `${dataLabel} ${customFormatNumber2(labelValue)} ${unit}`;
         }
       },
       padding: TOOLTIP_PADDING,
@@ -39859,8 +39870,6 @@ const getBarChartDataLabels = (options) => {
     formatter: formatterCallback
   } : { display: false };
 };
-const DISPLAY_SCIENTIFIC_LOWER_BOUND = 1e-4;
-const DISPLAY_SCIENTIFIC_UPPER_BOUND = 1e7;
 const getBarChartToolTips = (options) => {
   var _a2;
   const getTooltipLabels = (dataset) => {
@@ -39896,8 +39905,11 @@ const getBarChartToolTips = (options) => {
     return axisLabel + barLabel;
   };
   const customFormatNumber2 = (labelNumber) => {
+    var _a3;
     let roundOptions = {};
-    if (Math.abs(labelNumber) < DISPLAY_SCIENTIFIC_LOWER_BOUND || Math.abs(labelNumber) > DISPLAY_SCIENTIFIC_UPPER_BOUND) {
+    if (!((_a3 = options == null ? void 0 : options.tooltip) == null ? void 0 : _a3.scientificNotation)) {
+      roundOptions = { scientific: false };
+    } else if (Math.abs(labelNumber) < DISPLAY_SCIENTIFIC_LOWER_BOUND || Math.abs(labelNumber) > DISPLAY_SCIENTIFIC_UPPER_BOUND) {
       roundOptions = { roundScientificCoefficient: 3 };
     }
     return displayNumber(roundByMagnitude(labelNumber), roundOptions);
@@ -40033,7 +40045,8 @@ const defaultChartStyling$1 = (styling) => ({
 });
 const defaultTooltip$1 = (tooltip) => ({
   tooltips: (tooltip == null ? void 0 : tooltip.tooltips) ?? true,
-  showLabelsInTooltips: (tooltip == null ? void 0 : tooltip.showLabelsInTooltips) || false
+  showLabelsInTooltips: (tooltip == null ? void 0 : tooltip.showLabelsInTooltips) || false,
+  scientificNotation: (tooltip == null ? void 0 : tooltip.scientificNotation) ?? true
 });
 const defaultGraph$1 = (graph) => ({
   showDataLabels: (graph == null ? void 0 : graph.showDataLabels) || false,
@@ -40182,9 +40195,11 @@ const BarChartWithLegend = (props) => {
   const { options } = getDefaultProps$1(props);
   return /* @__PURE__ */ jsx(LegendProvider, { options, children: /* @__PURE__ */ jsx(BarChart, { ...props }) });
 };
-const customFormatNumber = (labelNumber) => {
+const customFormatNumber = (labelNumber, scientificNotation) => {
   let roundOptions = {};
-  if (Math.abs(labelNumber) < DISPLAY_SCIENTIFIC_LOWER_BOUND || Math.abs(labelNumber) > DISPLAY_SCIENTIFIC_UPPER_BOUND) {
+  if (!scientificNotation) {
+    roundOptions = { scientific: false };
+  } else if (Math.abs(labelNumber) < DISPLAY_SCIENTIFIC_LOWER_BOUND || Math.abs(labelNumber) > DISPLAY_SCIENTIFIC_UPPER_BOUND) {
     roundOptions = { roundScientificCoefficient: 3 };
   }
   return displayNumber(roundByMagnitude(labelNumber), roundOptions);
@@ -40197,12 +40212,15 @@ const titleCallback = (tooltipItems, options) => {
     return label;
   }
 };
-const labelCallback = (tooltipItem) => {
+const labelCallback = (tooltipItem, options) => {
+  var _a2;
   const { raw, dataset } = tooltipItem ?? {};
   const datapointLabel = raw == null ? void 0 : raw.label;
+  const scientificNotation = (_a2 = options == null ? void 0 : options.tooltip) == null ? void 0 : _a2.scientificNotation;
   return `${datapointLabel ?? (dataset == null ? void 0 : dataset.label)} ( x: ${customFormatNumber(
-    raw == null ? void 0 : raw.x
-  )} , y: ${customFormatNumber(raw == null ? void 0 : raw.y)} )`;
+    raw == null ? void 0 : raw.x,
+    scientificNotation
+  )} , y: ${customFormatNumber(raw == null ? void 0 : raw.y, scientificNotation)} )`;
 };
 const getTooltipsConfig = (options) => {
   var _a2, _b2, _c2;
@@ -40210,7 +40228,7 @@ const getTooltipsConfig = (options) => {
     enabled: (_a2 = options == null ? void 0 : options.tooltip) == null ? void 0 : _a2.enabled,
     callbacks: {
       title: (tooltipItems) => titleCallback(tooltipItems, options),
-      label: labelCallback
+      label: (tooltipItems) => labelCallback(tooltipItems, options)
     },
     backgroundColor: (_b2 = options == null ? void 0 : options.tooltip) == null ? void 0 : _b2.backgroundColor,
     displayColors: (_c2 = options == null ? void 0 : options.tooltip) == null ? void 0 : _c2.displayColors,
@@ -40386,7 +40404,8 @@ const defaultTooltip = (tooltip) => ({
   tooltips: (tooltip == null ? void 0 : tooltip.tooltips) ?? true,
   showLabelsInTooltips: (tooltip == null ? void 0 : tooltip.showLabelsInTooltips) || false,
   backgroundColor: (tooltip == null ? void 0 : tooltip.backgroundColor) || "#333",
-  displayColors: (tooltip == null ? void 0 : tooltip.displayColors) || false
+  displayColors: (tooltip == null ? void 0 : tooltip.displayColors) || false,
+  scientificNotation: (tooltip == null ? void 0 : tooltip.scientificNotation) ?? true
 });
 const defaultGraph = (graph) => ({
   showMinorGridlines: (graph == null ? void 0 : graph.showMinorGridlines) ?? false,