@spider-analyzer/timeline 5.0.1 → 5.0.3

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## 5.0.3
+
+- Fix: preserve `undefined` at the Date-→-Moment boundary. Optional
+  fields like `maxDomain.min`, `maxDomain.max`, or a partially-populated
+  `timeSpan` were silently turning into `moment()` (= now) because
+  `moment(undefined)` returns the current time. That turned
+  `maxDomain.min = undefined` (the common "no lower bound" case) into an
+  active minimum of *now*, which made every visible window appear to be
+  before the minimum — triggering `minTime`/`minDomainMsg` on zoom-out,
+  blocking pan, and causing constant cursor flicker from re-emitted
+  corrections.
+
+## 5.0.2
+
+- Fix: apply the `xAxis` / `yAxis` / `margin` defaults inside the outer
+  TimeLine wrapper before passing props to the inner component. Previously
+  the defaults existed only as local destructuring fallbacks, so
+  ref-path accesses inside `useEffect` bodies (e.g.
+  `propsRef.current.xAxis.spaceBetweenTicks`) threw when a consumer
+  omitted these props. Affects any host that relied on the v4 defaults
+  rather than passing `xAxis` explicitly.
+
 ## 5.0.1
 
 - Expose the stylesheets through the `exports` map so consumers can

package/dist/index.js

@@ -1956,15 +1956,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;
@@ -2758,8 +2762,9 @@ var TimeLine2 = react.forwardRef(function TimeLineWrapper(props, ref) {
   const handleLoadDefault = react.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() });
@@ -2770,6 +2775,9 @@ var TimeLine2 = react.forwardRef(function TimeLineWrapper(props, ref) {
   }, [props.onLoadDefaultDomain, props.onDomainChange, zone]);
   const innerProps = {
     ...props,
+    xAxis: { ...xAxisDefault, ...props.xAxis ?? {} },
+    yAxis: props.yAxis ?? {},
+    margin: { ...marginDefault, ...props.margin ?? {} },
     domains: stack,
     timeSpan: props.timeSpan ? timeSpanToMoments(props.timeSpan, zone) : void 0,
     maxDomain: props.maxDomain ? domainToMoments(props.maxDomain, zone) : void 0,