@zendir/ui 0.2.21 → 0.3.1

package/dist/react/charts/index.js

@@ -0,0 +1,104 @@
+import { GroundTrackMap } from "./GroundTrackMap.js";
+import { CARTO_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, OSM_ATTRIBUTION, TILE_PRESETS, getBasemapAttribution } from "./groundTrackMapLeafletTiles.js";
+import { ASTRO_DATA_VIZ_COLORS, OFFICIAL_ASTRO_DATA_VIZ_COLORS, STATUS_COLORS, ZENDIR_BRAND_COLORS, calculateAxisBounds, createAreaGradient, createAstroEChartsTheme, formatTimeLabel, formatValueWithUnit, getPaletteForDataType, getSeriesColor, getStatusColor } from "./unified/theme.js";
+import { AntennaPattern3DChart, AttitudeChart, AttitudeHistory3DChart, Bar3DChart, ConjunctionAssessment3DChart, ConjunctionChart, ConstellationCoverageChart, ContactWindowChart, DopplerTrackChart, EclipseTimelineChart, HeliocentricOrbitPlot, LaunchCorridor3DChart, Lines3DChart, LinkBudgetChart, LinkMarginChart, ManeuverBudgetChart, OrbitChart, PowerChart, RoseDiagram, Scatter3DChart, SpectrumChart, SphericalRadar3DChart, SubsystemGauge, Surface3DChart, ThermalHeatmapChart, TransferOrbit3DChart, WaterfallChart } from "./unified/domain.js";
+import { AreaChart, BarChart, BoxPlotChart, BubbleChart, CandlestickChart, DonutChart, DualAxisChart, GaugeChart, GraphChart, HeatmapChart, HistogramChart, LineChart, ParallelChart, PieChart, RadarChart, SankeyChart, ScatterChart, StackedAreaChart, StackedBarChart, SunburstChart, TimeSeriesChart, TreemapChart } from "./unified/presets.js";
+import { AstroChart } from "./unified/AstroChart.js";
+import { PowerOverviewChart, generateSamplePowerData } from "./unified/PowerOverviewChart.js";
+import { dispatchToGroup, exportGroupAsCSV, exportGroupAsImages, getGroupCharts, hideGroupTooltip, resetGroupZoom, showGroupTooltip, syncZoomRange, useChartSync } from "./unified/sync.js";
+import { generateAttitudeData, generateConjunctionEvents, generateConstellationCoverage, generateContactWindows, generateDopplerData, generateEclipseTimeline, generateHeliocentricOrbits, generatePowerData, generateSpectrum, generateWaterfallData } from "./unified/generators.js";
+import { useChartStream, useWebSocketStream } from "./unified/useChartStream.js";
+export {
+  ASTRO_DATA_VIZ_COLORS,
+  AntennaPattern3DChart,
+  AreaChart,
+  AstroChart,
+  AttitudeChart,
+  AttitudeHistory3DChart,
+  Bar3DChart,
+  BarChart,
+  BoxPlotChart,
+  BubbleChart,
+  CARTO_ATTRIBUTION,
+  CandlestickChart,
+  ConjunctionAssessment3DChart,
+  ConjunctionChart,
+  ConstellationCoverageChart,
+  ContactWindowChart,
+  DonutChart,
+  DopplerTrackChart,
+  DualAxisChart,
+  ESRI_WORLD_IMAGERY_ATTRIBUTION,
+  EclipseTimelineChart,
+  GaugeChart,
+  GraphChart,
+  GroundTrackMap,
+  HeatmapChart,
+  HeliocentricOrbitPlot,
+  HistogramChart,
+  LaunchCorridor3DChart,
+  LineChart,
+  Lines3DChart,
+  LinkBudgetChart,
+  LinkMarginChart,
+  ManeuverBudgetChart,
+  OFFICIAL_ASTRO_DATA_VIZ_COLORS,
+  OSM_ATTRIBUTION,
+  OrbitChart,
+  ParallelChart,
+  PieChart,
+  PowerChart,
+  PowerOverviewChart,
+  RadarChart,
+  RoseDiagram,
+  STATUS_COLORS,
+  SankeyChart,
+  Scatter3DChart,
+  ScatterChart,
+  SpectrumChart,
+  SphericalRadar3DChart,
+  StackedAreaChart,
+  StackedBarChart,
+  SubsystemGauge,
+  SunburstChart,
+  Surface3DChart,
+  TILE_PRESETS,
+  ThermalHeatmapChart,
+  TimeSeriesChart,
+  TransferOrbit3DChart,
+  TreemapChart,
+  WaterfallChart,
+  ZENDIR_BRAND_COLORS,
+  calculateAxisBounds,
+  createAreaGradient,
+  createAstroEChartsTheme,
+  dispatchToGroup,
+  exportGroupAsCSV,
+  exportGroupAsImages,
+  formatTimeLabel,
+  formatValueWithUnit,
+  generateAttitudeData,
+  generateConjunctionEvents,
+  generateConstellationCoverage,
+  generateContactWindows,
+  generateDopplerData,
+  generateEclipseTimeline,
+  generateHeliocentricOrbits,
+  generatePowerData,
+  generateSamplePowerData,
+  generateSpectrum,
+  generateWaterfallData,
+  getBasemapAttribution,
+  getGroupCharts,
+  getPaletteForDataType,
+  getSeriesColor,
+  getStatusColor,
+  hideGroupTooltip,
+  resetGroupZoom,
+  showGroupTooltip,
+  syncZoomRange,
+  useChartStream,
+  useChartSync,
+  useWebSocketStream
+};
+//# sourceMappingURL=index.js.map

package/dist/react/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/react/charts/unified/AstroChart.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { memo, forwardRef, useRef, useMemo, useCallback, useImperativeHandle, useState, useEffect } from "react";
+import { memo, forwardRef, useRef, useMemo, useCallback, useImperativeHandle, useEffect, useState } from "react";
 import ReactEChartsCore from "echarts-for-react/lib/core";
 import * as echarts from "echarts/core";
 import { LineChart, BarChart, PieChart, ScatterChart, RadarChart, GaugeChart, HeatmapChart, CandlestickChart, BoxplotChart, TreemapChart, SunburstChart, FunnelChart, SankeyChart, CustomChart, GraphChart, ParallelChart } from "echarts/charts";
 import { GridComponent, TooltipComponent, TitleComponent, LegendComponent, DataZoomComponent, ToolboxComponent, MarkLineComponent, MarkAreaComponent, MarkPointComponent, VisualMapComponent, BrushComponent, PolarComponent, RadarComponent, GeoComponent, ParallelComponent } from "echarts/components";
 import { CanvasRenderer, SVGRenderer } from "echarts/renderers";
-import { AstroIcon } from "../../core/AstroIcon.js";
-import { HeaderIconWithStatus } from "../../core/HeaderIconWithStatus.js";
+import { useTheme } from "../../theme/ThemeProvider.js";
+import { AstroIcon } from "../../core/display/AstroIcon.js";
+import { HeaderIconWithStatus } from "../../core/display/HeaderIconWithStatus.js";
 import { useCardBorderStyle } from "../../context/DisplaySettingsContext.js";
 import { createAstroEChartsTheme, getSeriesColor, createAreaGradient } from "./theme.js";
-import { useTheme } from "../../theme/ThemeProvider.js";
 const STATUS_SHAPES = {
   off: (size, color) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", width: size, height: size, children: /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "5", fill: color }) }),
   standby: (size, color) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", width: size, height: size, children: /* @__PURE__ */ jsx("circle", { cx: "6", cy: "6", r: "5", fill: color }) }),
@@ -748,6 +748,8 @@ const AstroChart = memo(forwardRef(
         (_a2 = getChart()) == null ? void 0 : _a2.dispatchAction(action);
       }
     }), [getChart, series, realTime]);
+    const userZoomRef = useRef(null);
+    const programmaticRef = useRef(false);
     const handleEvents = useMemo(() => {
       const events = {};
       if (onClick) {
@@ -760,16 +762,22 @@ const AstroChart = memo(forwardRef(
           onHover(params);
         };
       }
-      if (onZoomChange) {
-        events.datazoom = (params) => {
-          var _a2, _b2, _c2, _d2;
-          const p = params;
-          onZoomChange({
-            start: ((_b2 = (_a2 = p.batch) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.start) ?? p.start ?? 0,
-            end: ((_d2 = (_c2 = p.batch) == null ? void 0 : _c2[0]) == null ? void 0 : _d2.end) ?? p.end ?? 100
-          });
-        };
-      }
+      events.datazoom = (params) => {
+        var _a2;
+        if (programmaticRef.current) {
+          programmaticRef.current = false;
+          return;
+        }
+        const p = params;
+        const b = (_a2 = p.batch) == null ? void 0 : _a2[0];
+        const start = (b == null ? void 0 : b.start) ?? p.start ?? 0;
+        const end = (b == null ? void 0 : b.end) ?? p.end ?? 100;
+        const startValue = (b == null ? void 0 : b.startValue) ?? p.startValue;
+        const endValue = (b == null ? void 0 : b.endValue) ?? p.endValue;
+        const isFullRange = start <= 0 && end >= 100;
+        userZoomRef.current = isFullRange ? null : { start, end, startValue, endValue };
+        if (onZoomChange) onZoomChange({ start, end });
+      };
       if (onBrushSelect) {
         events.brushselected = (params) => {
           onBrushSelect(params);
@@ -777,6 +785,19 @@ const AstroChart = memo(forwardRef(
       }
       return events;
     }, [onClick, onHover, onZoomChange, onBrushSelect]);
+    useEffect(() => {
+      const saved = userZoomRef.current;
+      if (!saved) return;
+      const chart = getChart();
+      if (!chart || typeof chart.isDisposed === "function" && chart.isDisposed()) return;
+      const hasAbsolute = saved.startValue !== void 0 && saved.endValue !== void 0;
+      programmaticRef.current = true;
+      try {
+        chart.dispatchAction(hasAbsolute ? { type: "dataZoom", startValue: saved.startValue, endValue: saved.endValue } : { type: "dataZoom", start: saved.start, end: saved.end });
+      } catch {
+        programmaticRef.current = false;
+      }
+    }, [options, getChart]);
     const handleChartReady = useCallback((chart) => {
       onChartReady == null ? void 0 : onChartReady(chart);
     }, [onChartReady]);