@spider-analyzer/timeline 5.0.2 → 5.0.4

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { forwardRef, useRef, useEffect, useState, useCallback, useImperativeHandle } from 'react';
+import { forwardRef, useRef, useEffect, useState, useCallback, useImperativeHandle, useMemo } from 'react';
 import { DateTime, Duration } from 'luxon';
 import { scaleLinear, scaleTime } from 'd3-scale';
 import PropTypes11 from 'prop-types';
@@ -1946,15 +1946,19 @@ function toMoment(x, zone) {
   const m = zone ? moment_shim_default.tz(x, zone) : moment_shim_default(x);
   return m;
 }
+function toMomentOpt(x, zone) {
+  if (x == null) return void 0;
+  return toMoment(x, zone);
+}
 function toDuration(x) {
   if (moment_shim_default.isDuration(x)) return x;
   return moment_shim_default.duration(x);
 }
 function domainToMoments(d, zone) {
-  return { min: toMoment(d.min, zone), max: toMoment(d.max, zone) };
+  return { min: toMomentOpt(d.min, zone), max: toMomentOpt(d.max, zone) };
 }
 function timeSpanToMoments(t, zone) {
-  return { start: toMoment(t.start, zone), stop: toMoment(t.stop, zone) };
+  return { start: toMomentOpt(t.start, zone), stop: toMomentOpt(t.stop, zone) };
 }
 var Cursor2 = Cursor;
 var Histogram2 = Histogram;
@@ -2748,8 +2752,9 @@ var TimeLine2 = forwardRef(function TimeLineWrapper(props, ref) {
   const handleLoadDefault = useCallback(() => {
     const ret = props.onLoadDefaultDomain?.();
     const apply = (d) => {
-      if (!d) return;
+      if (!d || !d.min || !d.max) return;
       const m = domainToMoments(d, zone);
+      if (!m.min || !m.max) return;
       setStack([m]);
       if (props.onDomainChange) {
         props.onDomainChange({ min: m.min.toDate(), max: m.max.toDate() });
@@ -2758,19 +2763,55 @@ var TimeLine2 = forwardRef(function TimeLineWrapper(props, ref) {
     if (ret && typeof ret.then === "function") ret.then(apply);
     else if (ret) apply(ret);
   }, [props.onLoadDefaultDomain, props.onDomainChange, zone]);
+  const timeSpanMoments = useMemo(
+    () => props.timeSpan ? timeSpanToMoments(props.timeSpan, zone) : void 0,
+    [props.timeSpan, zone]
+  );
+  const maxDomainMoments = useMemo(
+    () => props.maxDomain ? domainToMoments(props.maxDomain, zone) : void 0,
+    [props.maxDomain, zone]
+  );
+  const histoMoments = useMemo(
+    () => props.histo?.items ? { ...props.histo, items: props.histo.items.map((it) => ({ ...it, time: toMoment(it.time, zone) })) } : props.histo,
+    [props.histo, zone]
+  );
+  const qualityMoments = useMemo(
+    () => props.quality?.items ? { ...props.quality, items: props.quality.items.map((it) => ({ ...it, time: toMoment(it.time, zone) })) } : props.quality,
+    [props.quality, zone]
+  );
+  const biggestVisibleDomainDur = useMemo(
+    () => props.biggestVisibleDomain != null ? toDuration(props.biggestVisibleDomain) : void 0,
+    [props.biggestVisibleDomain]
+  );
+  const biggestTimeSpanDur = useMemo(
+    () => props.biggestTimeSpan != null ? toDuration(props.biggestTimeSpan) : void 0,
+    [props.biggestTimeSpan]
+  );
+  const smallestResolutionDur = useMemo(
+    () => props.smallestResolution != null ? toDuration(props.smallestResolution) : void 0,
+    [props.smallestResolution]
+  );
+  const xAxisMerged = useMemo(
+    () => ({ ...xAxisDefault, ...props.xAxis ?? {} }),
+    [props.xAxis]
+  );
+  const marginMerged = useMemo(
+    () => ({ ...marginDefault, ...props.margin ?? {} }),
+    [props.margin]
+  );
   const innerProps = {
     ...props,
-    xAxis: { ...xAxisDefault, ...props.xAxis ?? {} },
+    xAxis: xAxisMerged,
     yAxis: props.yAxis ?? {},
-    margin: { ...marginDefault, ...props.margin ?? {} },
+    margin: marginMerged,
     domains: stack,
-    timeSpan: props.timeSpan ? timeSpanToMoments(props.timeSpan, zone) : void 0,
-    maxDomain: props.maxDomain ? domainToMoments(props.maxDomain, zone) : void 0,
-    histo: props.histo?.items ? { ...props.histo, items: props.histo.items.map((it) => ({ ...it, time: toMoment(it.time, zone) })) } : props.histo,
-    quality: props.quality?.items ? { ...props.quality, items: props.quality.items.map((it) => ({ ...it, time: toMoment(it.time, zone) })) } : props.quality,
-    biggestVisibleDomain: props.biggestVisibleDomain != null ? toDuration(props.biggestVisibleDomain) : void 0,
-    biggestTimeSpan: props.biggestTimeSpan != null ? toDuration(props.biggestTimeSpan) : void 0,
-    smallestResolution: props.smallestResolution != null ? toDuration(props.smallestResolution) : void 0,
+    timeSpan: timeSpanMoments,
+    maxDomain: maxDomainMoments,
+    histo: histoMoments,
+    quality: qualityMoments,
+    biggestVisibleDomain: biggestVisibleDomainDur,
+    biggestTimeSpan: biggestTimeSpanDur,
+    smallestResolution: smallestResolutionDur,
     onUpdateDomains: handleUpdateDomains,
     onLoadDefaultDomain: handleLoadDefault,
     // onLoadHisto: object shape + Date instants