@oliasoft-open-source/charts-library 4.8.3-beta-4 → 4.8.3-beta-5

package/dist/index.js

@@ -22985,10 +22985,6 @@ const isNilOrEmpty = (value) => {
   }
   return false;
 };
-const generateRandomKey = () => {
-  var _a2, _b2;
-  return (_b2 = (_a2 = Math.random()) == null ? void 0 : _a2.toString(36)) == null ? void 0 : _b2.substring(2, 10);
-};
 const isLessThanMax = (value, max) => {
   return value === void 0 || max === void 0 || Number(value) < Number(max);
 };
@@ -24453,10 +24449,13 @@ const useChartFunctions = ({
     axes
   } = options;
   const resetZoom2 = useCallback(() => {
+    var _a2;
     const chartInstance = chartRef == null ? void 0 : chartRef.current;
-    chartInstance == null ? void 0 : chartInstance.resetZoom();
-    chartInstance == null ? void 0 : chartInstance.reset();
-    dispatch({ type: "RESET_AXES_RANGES" });
+    if ((chartInstance == null ? void 0 : chartInstance.isZoomedOrPanned()) || ((_a2 = state == null ? void 0 : state.axes) == null ? void 0 : _a2.length)) {
+      chartInstance == null ? void 0 : chartInstance.resetZoom();
+      chartInstance == null ? void 0 : chartInstance.reset();
+      dispatch({ type: "RESET_AXES_RANGES" });
+    }
   }, [chartRef]);
   const onHover = useCallback(
     (hoveredPoint, setHoveredPoint) => {
@@ -24723,9 +24722,9 @@ const AxesOptionsPopover = (optionsPopover) => {
   const isCustomValue = axes.filter((axis) => axis.max || axis.min).length > 0;
   const handleInputFocus = (e2) => e2.target.select();
   return /* @__PURE__ */ jsxs("form", { onSubmit: onDone, children: [
-    formState.map((axis) => {
-      var _a3, _b2, _c2;
-      const key = generateRandomKey();
+    formState.map((axis, i2) => {
+      var _a3, _b2, _c2, _d2;
+      const shouldRenderUnit = (axis == null ? void 0 : axis.unit) && ((_a3 = axis == null ? void 0 : axis.options) == null ? void 0 : _a3.length);
       const axisControl = controlsAxesLabels.find(
         (el) => el.id === axis.id
       );
@@ -24735,8 +24734,8 @@ const AxesOptionsPopover = (optionsPopover) => {
       );
       const axisErrors = errors == null ? void 0 : errors.find((a2) => a2.id === axis.id);
       const { min, max, unit } = axisState || {};
-      const minErrorMsg = ((_a3 = axisErrors == null ? void 0 : axisErrors.min) == null ? void 0 : _a3[0]) ? translations[axisErrors.min[0]] : null;
-      const maxErrorMsg = ((_b2 = axisErrors == null ? void 0 : axisErrors.max) == null ? void 0 : _b2[0]) ? translations[axisErrors.max[0]] : null;
+      const minErrorMsg = ((_b2 = axisErrors == null ? void 0 : axisErrors.min) == null ? void 0 : _b2[0]) ? translations[axisErrors.min[0]] : null;
+      const maxErrorMsg = ((_c2 = axisErrors == null ? void 0 : axisErrors.max) == null ? void 0 : _c2[0]) ? translations[axisErrors.max[0]] : null;
       return /* @__PURE__ */ jsx(Field, { label: axisLabel || axis.id || "", children: /* @__PURE__ */ jsxs(InputGroup, { small: true, width: "300px", children: [
         /* @__PURE__ */ jsx(
           NumberInput,
@@ -24769,11 +24768,11 @@ const AxesOptionsPopover = (optionsPopover) => {
             onFocus: handleInputFocus
           }
         ),
-        axis.unit ? /* @__PURE__ */ jsx(
+        shouldRenderUnit ? /* @__PURE__ */ jsx(
           Select,
           {
             name: "selectedUnit",
-            options: (_c2 = axis == null ? void 0 : axis.unit) == null ? void 0 : _c2.options,
+            options: (_d2 = axis == null ? void 0 : axis.unit) == null ? void 0 : _d2.options,
             value: typeof unit !== "string" ? unit == null ? void 0 : unit.selectedUnit : void 0,
             onChange: (e2) => {
               onEditUnit({
@@ -24786,7 +24785,7 @@ const AxesOptionsPopover = (optionsPopover) => {
             width: "15%"
           }
         ) : null
-      ] }) }, key);
+      ] }) }, i2);
     }),
     ((_a2 = depthType == null ? void 0 : depthType.options) == null ? void 0 : _a2.length) > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(