@spider-analyzer/timeline 5.0.5 → 5.0.8

package/dist/index.mjs

@@ -162,6 +162,25 @@ moment.tz = (x, zone) => {
   const base = toDT(x);
   return new MomentLike(base.setZone(zone));
 };
+function validate(props, propName, componentName) {
+  const v = props[propName];
+  if (v == null) return null;
+  if (moment.isMoment(v)) return null;
+  return new Error(
+    `Invalid prop \`${propName}\` supplied to \`${componentName}\`, expected a moment-like object.`
+  );
+}
+var required = (props, propName, componentName) => {
+  const v = props[propName];
+  if (v == null) {
+    return new Error(
+      `The prop \`${propName}\` is marked as required in \`${componentName}\`, but its value is \`${v}\`.`
+    );
+  }
+  return validate(props, propName, componentName);
+};
+var momentType = validate;
+momentType.isRequired = required;
 var moment_shim_default = moment;
 
 // src/utils.ts
@@ -365,8 +384,8 @@ DragOverlay.propTypes = {
   width: PropTypes11.number.isRequired,
   marginBottom: PropTypes11.number,
   items: PropTypes11.arrayOf(PropTypes11.shape({
-    start: PropTypes11.instanceOf(moment_shim_default).isRequired,
-    end: PropTypes11.instanceOf(moment_shim_default).isRequired,
+    start: momentType.isRequired,
+    end: momentType.isRequired,
     x1: PropTypes11.number,
     x2: PropTypes11.number,
     metrics: PropTypes11.arrayOf(PropTypes11.number).isRequired,
@@ -676,8 +695,8 @@ CursorSelection.propTypes = {
   showToolTipLeft: PropTypes11.func.isRequired,
   showToolTipRight: PropTypes11.func.isRequired,
   items: PropTypes11.arrayOf(PropTypes11.shape({
-    start: PropTypes11.instanceOf(moment_shim_default).isRequired,
-    end: PropTypes11.instanceOf(moment_shim_default).isRequired,
+    start: momentType.isRequired,
+    end: momentType.isRequired,
     x1: PropTypes11.number,
     x2: PropTypes11.number,
     metrics: PropTypes11.arrayOf(PropTypes11.number).isRequired,
@@ -1263,8 +1282,8 @@ Cursor.propTypes = {
   overlayHeight: PropTypes11.number.isRequired,
   overlayWidth: PropTypes11.number.isRequired,
   items: PropTypes11.arrayOf(PropTypes11.shape({
-    start: PropTypes11.instanceOf(moment_shim_default).isRequired,
-    end: PropTypes11.instanceOf(moment_shim_default).isRequired,
+    start: momentType.isRequired,
+    end: momentType.isRequired,
     x1: PropTypes11.number,
     x2: PropTypes11.number,
     metrics: PropTypes11.arrayOf(PropTypes11.number).isRequired,
@@ -1373,8 +1392,8 @@ function Histogram({
 Histogram.propTypes = {
   classes: PropTypes11.object,
   items: PropTypes11.arrayOf(PropTypes11.shape({
-    start: PropTypes11.instanceOf(moment_shim_default).isRequired,
-    end: PropTypes11.instanceOf(moment_shim_default).isRequired,
+    start: momentType.isRequired,
+    end: momentType.isRequired,
     x1: PropTypes11.number,
     x2: PropTypes11.number,
     metrics: PropTypes11.arrayOf(PropTypes11.number).isRequired,
@@ -1474,8 +1493,8 @@ function XAxis({ min, max: max2, origin, axisWidth, marks, xAxis, classes, arrow
 XAxis.propTypes = {
   axisWidth: PropTypes11.number.isRequired,
   classes: PropTypes11.object,
-  min: PropTypes11.instanceOf(moment_shim_default),
-  max: PropTypes11.instanceOf(moment_shim_default),
+  min: momentType,
+  max: momentType,
   origin: PropTypes11.shape({
     x: PropTypes11.number.isRequired,
     y: PropTypes11.number.isRequired
@@ -1800,8 +1819,8 @@ function HistoTooltip({ metricsDefinition, item, onFormatTimeToolTips, onFormatM
 HistoTooltip.propTypes = {
   classes: PropTypes11.object,
   item: PropTypes11.shape({
-    start: PropTypes11.instanceOf(moment_shim_default).isRequired,
-    end: PropTypes11.instanceOf(moment_shim_default).isRequired,
+    start: momentType.isRequired,
+    end: momentType.isRequired,
     x1: PropTypes11.number,
     x2: PropTypes11.number,
     metrics: PropTypes11.arrayOf(PropTypes11.number).isRequired,
@@ -1869,7 +1888,7 @@ QualityLine.propTypes = {
   xAxis: PropTypes11.func.isRequired,
   quality: PropTypes11.shape({
     items: PropTypes11.arrayOf(PropTypes11.shape({
-      time: PropTypes11.instanceOf(moment_shim_default).isRequired,
+      time: momentType.isRequired,
       quality: PropTypes11.number.isRequired,
       tip: PropTypes11.node
     })),
@@ -2079,7 +2098,7 @@ var TimeLineInner = forwardRef(function TimeLine(props, ref) {
       propsRef.current.smallestResolution.asMilliseconds()
     ]);
     patchState({ histoWidth: histoWidth2, isActive: true, ticks: ticks2 });
-    if (shouldReload && intervalMs) {
+    if (shouldReload && intervalMs && histoWidth2 > 0) {
       widthOfLastUpdateRef.current = p.width;
       patchState({ waitForLoad: true });
       p.onLoadHisto(intervalMs, domain2.min, domain2.max);
@@ -2109,12 +2128,11 @@ var TimeLineInner = forwardRef(function TimeLine(props, ref) {
       return;
     }
     const s = stateRef.current;
-    if (s.isActive) {
+    patchState(computeMarginAndWidth(props));
+    if (s.domain) {
       const big = widthOfLastUpdateRef.current !== null && Math.abs((props.width ?? 0) - (widthOfLastUpdateRef.current ?? 0)) > 30;
-      getItems(props, s.domain, big);
-      patchState(computeMarginAndWidth(props));
-    } else {
-      patchState(computeMarginAndWidth(props));
+      const shouldReload = !s.isActive || big || widthOfLastUpdateRef.current === null;
+      getItems(props, s.domain, shouldReload);
     }
     if (stateRef.current.domain) {
       const res = checkAndCorrectDomain({ domain: stateRef.current.domain });
@@ -2555,13 +2573,17 @@ var TimeLineInner = forwardRef(function TimeLine(props, ref) {
     ticks,
     dragging
   } = state;
+  const verticalScaleData = useMemo(() => prepareVerticalScale(), [prepareVerticalScale]);
+  const items = useMemo(
+    () => prepareHistogram({ domain, verticalScale: verticalScaleData.verticalScale }),
+    [prepareHistogram, domain, verticalScaleData, histoWidth]
+  );
+  itemsRef.current = items;
   const xAxisHeight = xAxisProp.height || xAxisDefault.height;
   const pointZero = { x: 0, y: height - margin.bottom - xAxisHeight };
   const originCursor = { x: 0, y: margin.top - 5 };
   if (!isFunction(xAxisRef.current)) return null;
-  const { verticalScale, verticalMarks, maxHeight } = prepareVerticalScale();
-  const items = prepareHistogram({ domain, verticalScale });
-  itemsRef.current = items;
+  const { verticalScale, verticalMarks, maxHeight } = verticalScaleData;
   return /* @__PURE__ */ jsx(
     "svg",
     {