@m4l/gclick 0.21.0 → 0.22.0

package/components/VideoTimeLineSelector/subcomponents/ChartTimeLine/ChartTimeLine.js

@@ -1,237 +1,250 @@
-import { jsx as r, Fragment as Ne, jsxs as x } from "@emotion/react/jsx-runtime";
-import { memo as _e, useRef as w, useState as I, useEffect as P, useCallback as a, useMemo as E, Fragment as De } from "react";
-import $e from "lodash-es/throttle";
-import { TimeLineChannelWrapperStyled as Oe, PointChannelSegmentStyled as We, PlaybackRangePreviewStyled as Ve, PointSegmentStyled as Fe, AxisTickContainerStyled as Se, AxisTickNumberStyled as ge, AxisTickLineStyled as we, WrapperDialTimeLineStyled as ze, ContainerDialTimeLineStyled as Be, DashLineContainerStyled as Qe, DashLineStyled as Xe, PlaybackTooltipAnchorStyled as qe, DialPointIndicatorStyled as He, DialPointIndicatorInnerStyled as Ke } from "../../slots/VideoTimeLineSelectorSlots.js";
-import { TIME_VISIBLE_OPTIONS_KEYS as Z, TIME_SCALES as Ye, VIDEO_TIME_LINE_SELECTOR_CLASSES as m } from "../../constants.js";
-import { useVideoTimeLineSelectorStore as Pe } from "../../store/useVideoTimeLineSelectorStore.js";
-import { shallow as je } from "zustand/shallow";
-import { getTimeLinePosition as Ue } from "../../helpers/getTimeLinePosition/getTimeLinePosition.js";
-import { clusterEvents as Ge } from "../../helpers/clusterEvents/clusterEvents.js";
-import { EventCluster as Je } from "../EventCluster/EventCluster.js";
-import { getTimeFromPointIndex as Ze } from "../../helpers/getTimeFromPointIndex/getTimeFromPointIndex.js";
-import { convertHoursToTimeString as V } from "../../helpers/convertHoursToTimeString/convertHoursToTimeString.js";
-import { getVisiblePoints as et } from "../../helpers/getVisiblePoints/getVisiblePoints.js";
-import { useComponentSize as tt } from "@m4l/graphics";
-import { Tooltip as nt } from "@m4l/base";
-import F from "clsx";
-import { VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS as ve } from "../../dictionary.js";
-import { useModuleDictionary as it } from "@m4l/core";
-import { resolveTooltipAnchor as ot, secondsToTimelinePercent as A, snapToSegmentStart as ye, resolveActiveSegment as rt, resolvePreviewRange as st } from "../../helpers/playbackRange/playbackRange.js";
-const at = 1400, ct = 650, kt = _e((Me) => {
-  const { isTransitioning: Le } = Me, u = w(null), { getLabel: z } = it(), {
+import { jsx as r, Fragment as De, jsxs as I } from "@emotion/react/jsx-runtime";
+import { memo as $e, useRef as P, useState as N, useEffect as v, useCallback as c, useMemo as C, Fragment as Oe } from "react";
+import We from "lodash-es/throttle";
+import { TimeLineChannelWrapperStyled as Ve, PointChannelSegmentStyled as Fe, PlaybackRangePreviewStyled as ze, PointSegmentStyled as Be, AxisTickContainerStyled as ge, AxisTickNumberStyled as we, AxisTickLineStyled as Pe, WrapperDialTimeLineStyled as Qe, ContainerDialTimeLineStyled as Xe, DashLineContainerStyled as qe, DashLineStyled as He, PlaybackTooltipAnchorStyled as Ke, DialPointIndicatorStyled as Ye, DialPointIndicatorInnerStyled as Ue } from "../../slots/VideoTimeLineSelectorSlots.js";
+import { TIME_VISIBLE_OPTIONS_KEYS as ee, TIME_SCALES as je, VIDEO_TIME_LINE_SELECTOR_CLASSES as m } from "../../constants.js";
+import { useVideoTimeLineSelectorStore as ve } from "../../store/useVideoTimeLineSelectorStore.js";
+import { shallow as Ze } from "zustand/shallow";
+import { getTimeLinePosition as Ge } from "../../helpers/getTimeLinePosition/getTimeLinePosition.js";
+import { clusterEvents as Je } from "../../helpers/clusterEvents/clusterEvents.js";
+import { EventCluster as et } from "../EventCluster/EventCluster.js";
+import { getTimeFromPointIndex as tt } from "../../helpers/getTimeFromPointIndex/getTimeFromPointIndex.js";
+import { convertHoursToTimeString as F } from "../../helpers/convertHoursToTimeString/convertHoursToTimeString.js";
+import { getVisiblePoints as nt } from "../../helpers/getVisiblePoints/getVisiblePoints.js";
+import { useComponentSize as it } from "@m4l/graphics";
+import { Tooltip as ot } from "@m4l/base";
+import z from "clsx";
+import { VIDEO_TIME_LINE_SELECTOR_DICTIONARY_KEYS as ye } from "../../dictionary.js";
+import { useModuleDictionary as rt, useUserPreferences as st } from "@m4l/core";
+import { resolveTooltipAnchor as at, secondsToTimelinePercent as A, snapToSegmentStart as Me, dateToDaySeconds as ct, resolveActiveSegment as lt, resolvePreviewRange as mt } from "../../helpers/playbackRange/playbackRange.js";
+const ut = 1400, dt = 650, Nt = $e((Le) => {
+  const { isTransitioning: be } = Le, u = P(null), { getLabel: B } = rt(), { timeZone: Ee } = st(), s = Ee?.name?.trim() || "UTC", {
     pointsQty: d,
-    zoomQty: be,
-    currentTime: s,
-    quadrantsQty: h,
-    currentQuadrant: T,
-    timeVisible: N,
-    channels: ee,
+    zoomQty: Ce,
+    currentTime: a,
+    quadrantsQty: S,
+    currentQuadrant: h,
+    timeVisible: _,
+    channels: te,
     segments: p,
-    events: _,
-    activeChannels: B,
+    events: D,
+    activeChannels: Q,
     snapToSegmentStart: f,
-    showPlaybackRangePreview: te,
-    playbackDurationSeconds: Q
-  } = Pe(
+    showPlaybackRangePreview: ne,
+    playbackDurationSeconds: X
+  } = ve(
     (e) => e,
-    je
-  ), { currentSize: X } = tt(), { setCurrentTime: v, setTimeVisible: ne } = Pe((e) => e.actions), [D, Ee] = I(0), [y, ie] = I(!1), [q, M] = I(!1), [H, oe] = I(!1), [C, re] = I(0), K = w(s), L = w(null), b = w(null), se = w(null);
-  P(() => {
-    u.current && re(u.current.clientWidth);
+    Ze
+  ), { currentSize: q } = it(), { setCurrentTime: y, setTimeVisible: ie } = ve((e) => e.actions), [$, ke] = N(0), [M, oe] = N(!1), [H, L] = N(!1), [K, re] = N(!1), [k, se] = N(0), Y = P(a), b = P(null), E = P(null), ae = P(null);
+  v(() => {
+    u.current && se(u.current.clientWidth);
     const t = new ResizeObserver((n) => {
       for (const i of n)
-        re(i.contentRect.width);
+        se(i.contentRect.width);
     });
     return u.current && t.observe(u.current), () => {
       t.disconnect();
     };
   }, []);
-  const Y = w(!1), ae = a((e) => {
-    if (Y.current)
+  const U = P(!1), ce = c((e) => {
+    if (U.current)
       return;
-    const t = Z.indexOf(N);
+    const t = ee.indexOf(_);
     let n;
-    if (e === "down" ? n = Math.max(0, t - 1) : n = Math.min(Z.length - 1, t + 1), n !== t) {
-      Y.current = !0;
-      const i = Z[n];
-      ne(i), setTimeout(() => {
-        Y.current = !1;
+    if (e === "down" ? n = Math.max(0, t - 1) : n = Math.min(ee.length - 1, t + 1), n !== t) {
+      U.current = !0;
+      const i = ee[n];
+      ie(i), setTimeout(() => {
+        U.current = !1;
       }, 500);
     }
-  }, [N, ne]), j = a((e) => {
+  }, [_, ie]), j = c((e) => {
     if (e.ctrlKey) {
       e.preventDefault(), e.stopPropagation();
       const t = e.deltaY < 0 ? "up" : "down";
-      ae(t);
+      ce(t);
     }
-  }, [ae]);
-  P(() => {
+  }, [ce]);
+  v(() => {
     const e = u.current;
     if (e)
       return e.addEventListener("wheel", j, { passive: !1 }), () => {
         e.removeEventListener("wheel", j);
       };
   }, [j]);
-  const S = a((e) => {
-    Ee(e);
-  }, []), k = a(() => {
-    se.current?.update();
-  }, []), $ = a(() => {
-    b.current === null || typeof window > "u" || (window.cancelAnimationFrame(b.current), b.current = null);
-  }, []), ce = a(() => {
+  const g = c((e) => {
+    ke(e);
+  }, []), R = c(() => {
+    ae.current?.update();
+  }, []), O = c(() => {
+    E.current === null || typeof window > "u" || (window.cancelAnimationFrame(E.current), E.current = null);
+  }, []), le = c(() => {
     if (typeof window > "u" || typeof window.requestAnimationFrame != "function") {
-      k();
+      R();
       return;
     }
-    $();
+    O();
     const e = () => typeof window.performance?.now == "function" ? window.performance.now() : Date.now(), t = e(), n = () => {
-      if (k(), e() - t < ct) {
-        b.current = window.requestAnimationFrame(n);
+      if (R(), e() - t < dt) {
+        E.current = window.requestAnimationFrame(n);
         return;
       }
-      b.current = null;
+      E.current = null;
     };
-    b.current = window.requestAnimationFrame(n);
-  }, [$, k]), le = a(() => {
-    L.current && clearTimeout(L.current), oe(!0), L.current = setTimeout(() => {
-      oe(!1), L.current = null;
-    }, at);
+    E.current = window.requestAnimationFrame(n);
+  }, [O, R]), me = c(() => {
+    b.current && clearTimeout(b.current), re(!0), b.current = setTimeout(() => {
+      re(!1), b.current = null;
+    }, ut);
   }, []);
-  P(() => () => {
-    L.current && clearTimeout(L.current), $();
-  }, [$]);
-  const c = B[0] ?? null, O = E(() => ot({
-    activeChannel: c,
-    candidateTime: s,
-    fallbackPositionPercent: D,
+  v(() => () => {
+    b.current && clearTimeout(b.current), O();
+  }, [O]);
+  const l = Q[0] ?? null, W = C(() => at({
+    activeChannel: l,
+    candidateTime: a,
+    fallbackPositionPercent: $,
     segments: p,
-    snapEnabled: f
-  }), [c, s, D, p, f]);
-  P(() => {
-    (q || y || H) && k();
-  }, [s, y, H, q, D, O.positionPercent, k]), P(() => {
-    K.current = s, S(A(s));
-  }, [s, S]);
-  const g = a((e, t = f) => {
-    const n = t ? ye({
-      activeChannel: c,
+    snapEnabled: f,
+    timeZoneName: s
+  }), [l, a, $, p, f, s]);
+  v(() => {
+    (H || M || K) && R();
+  }, [a, M, K, H, $, W.positionPercent, R]), v(() => {
+    Y.current = a, g(A(a));
+  }, [a, g]);
+  const w = c((e, t = f) => {
+    const n = t ? Me({
+      activeChannel: l,
       candidateTime: e,
-      segments: p
+      segments: p,
+      timeZoneName: s
     }) : null, i = n?.time ?? e, o = Math.max(0, Math.min(86399, Math.floor(i)));
-    return S(A(o)), v(o), {
+    return g(A(o)), y(o), {
       didSnap: !!n?.didSnap
     };
-  }, [c, p, v, f, S]);
-  P(() => {
-    if (!f || !c || y)
+  }, [l, p, y, f, s, g]);
+  v(() => {
+    if (!f || !l || M)
       return;
-    const e = ye({
-      activeChannel: c,
-      candidateTime: s,
-      segments: p
+    const e = Me({
+      activeChannel: l,
+      candidateTime: a,
+      segments: p,
+      timeZoneName: s
     });
-    if (!e.segment || e.time === s)
+    if (!e.segment || e.time === a)
       return;
     const t = Math.max(0, Math.min(86399, Math.floor(e.time)));
-    S(A(t)), v(t);
-  }, [c, s, y, p, v, f, S]);
-  const Ce = a((e) => {
+    g(A(t)), y(t);
+  }, [l, a, M, p, y, f, s, g]);
+  const Re = c((e) => {
     if (!u.current)
       return;
-    const t = u.current.getBoundingClientRect(), n = e.clientX - t.left, i = u.current.clientWidth, o = t.width, l = i - o, fe = (n + l * (n / o)) / i * 100, G = Math.floor(fe / 100 * 24 * 60 * 60), J = Math.max(0, Math.min(86399, G));
-    g(J);
-  }, [g]), me = w(T);
-  P(() => {
-    me.current = T;
-  }, [T]);
-  const ue = E(() => C === 0 ? [] : et({
+    const t = u.current.getBoundingClientRect(), n = e.clientX - t.left, i = u.current.clientWidth, o = t.width, T = i - o, Te = (n + T * (n / o)) / i * 100, G = Math.floor(Te / 100 * 24 * 60 * 60), J = Math.max(0, Math.min(86399, G));
+    w(J);
+  }, [w]), ue = P(h);
+  v(() => {
+    ue.current = h;
+  }, [h]);
+  const de = C(() => k === 0 ? [] : nt({
     totalPoints: d,
-    totalQuadrants: h,
-    currentQuadrant: T,
-    containerWidth: C
-  }), [d, h, T, C]), ke = E(() => !_ || _.length === 0 ? [] : Ge(_, Ye[N].clusterThresholdMinutes, C), [_, N, C]), de = a((e) => {
+    totalQuadrants: S,
+    currentQuadrant: h,
+    containerWidth: k
+  }), [d, S, h, k]), xe = C(() => !D || D.length === 0 ? [] : Je(
+    D,
+    je[_].clusterThresholdMinutes,
+    k,
+    s
+  ), [D, _, k, s]), pe = c((e) => {
     const t = 24 / d;
     return e * t;
-  }, [d]), pe = a((e) => {
-    const { newTime: t } = Ze(e, d, h, me.current);
-    g(t);
-  }, [g, d, h]), Re = a((e) => {
-    const t = e.getHours(), n = e.getMinutes(), i = e.getSeconds(), o = e.getMilliseconds(), l = t * 3600 + n * 60 + i + o / 1e3;
-    g(l);
-  }, [g]), xe = a((e) => {
+  }, [d]), fe = c((e) => {
+    const { newTime: t } = tt(e, d, S, ue.current);
+    w(t);
+  }, [w, d, S]), Ie = c((e) => {
+    const t = ct(e, s);
+    w(t);
+  }, [w, s]), Ne = c((e) => {
     e.stopPropagation(), e.preventDefault();
     const t = u.current;
     if (!t)
       return;
-    ie(!0);
-    const n = t.getBoundingClientRect(), o = $e((R) => {
-      const G = (R.clientX - n.left) * 100 / n.width, J = 100 / h * (T - 1), Ae = 100 / h * (T - 1e-5), Te = Math.max(J, Math.min(Ae, G));
-      S(Te);
-      const he = Te / 100 * 24 * 60 * 60;
-      K.current = he, v(Math.floor(he));
+    oe(!0);
+    const n = t.getBoundingClientRect(), o = We((x) => {
+      const G = (x.clientX - n.left) * 100 / n.width, J = 100 / S * (h - 1), _e = 100 / S * (h - 1e-5), he = Math.max(J, Math.min(_e, G));
+      g(he);
+      const Se = he / 100 * 24 * 60 * 60;
+      Y.current = Se, y(Math.floor(Se));
     }, 50, {
       leading: !0,
       trailing: !0
-    }), l = () => {
-      ie(!1), window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", l), o.cancel(), f && g(K.current, !0).didSnap && (le(), ce());
+    }), T = () => {
+      oe(!1), window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", T), o.cancel(), f && w(Y.current, !0).didSnap && (me(), le());
     };
-    window.addEventListener("mousemove", o), window.addEventListener("mouseup", l);
-  }, [g, T, h, v, le, f, ce, S]), W = E(() => {
-    if (!te || !c || !Q)
+    window.addEventListener("mousemove", o), window.addEventListener("mouseup", T);
+  }, [w, h, S, y, me, f, le, g]), V = C(() => {
+    if (!ne || !l || !X)
       return null;
-    const e = rt({
-      activeChannel: c,
-      candidateTime: s,
-      segments: p
+    const e = lt({
+      activeChannel: l,
+      candidateTime: a,
+      segments: p,
+      timeZoneName: s
     });
-    return st({
-      indicatorTime: s,
-      durationSeconds: Q,
+    return mt({
+      indicatorTime: a,
+      durationSeconds: X,
       segment: e,
       snapEnabled: f
     });
-  }, [c, s, Q, p, te, f]), U = E(() => {
-    if (!W)
+  }, [l, a, X, p, ne, f, s]), Z = C(() => {
+    if (!V)
       return null;
-    const e = A(W.start), t = A(W.end);
+    const e = A(V.start), t = A(V.end);
     return {
       left: `${e}%`,
       width: `${Math.max(0, t - e)}%`
     };
-  }, [W]), Ie = E(() => /* @__PURE__ */ r(Ne, { children: ee.map((e, t) => {
+  }, [V]), Ae = C(() => /* @__PURE__ */ r(De, { children: te.map((e, t) => {
     const n = p.find((i) => i.channelId === e.id);
-    return /* @__PURE__ */ x(
-      Oe,
+    return /* @__PURE__ */ I(
+      Ve,
       {
-        className: F(m.timeLineChannelWrapper, B.includes(e.id) ? " active" : ""),
+        className: z(m.timeLineChannelWrapper, Q.includes(e.id) ? " active" : ""),
         children: [
           n && n?.segmentsList && n?.segmentsList.length > 0 && n?.segmentsList.map((i, o) => {
-            const { width: l, left: R } = Ue({ startTime: i.startTime, endTime: i.endTime });
+            const { width: T, left: x } = Ge({
+              startTime: i.startTime,
+              endTime: i.endTime,
+              timeZoneName: s
+            });
             return !i.startTime || !i.endTime || i.startTime === i.endTime ? null : /* @__PURE__ */ r(
-              We,
+              Fe,
               {
                 className: m.pointChannelSegment,
                 style: {
-                  width: l,
-                  left: R
+                  width: T,
+                  left: x
                 }
               },
               `point-channel-segment-${t}-${o}`
             );
           }),
-          U && e.id === c && /* @__PURE__ */ r(
-            Ve,
+          Z && e.id === l && /* @__PURE__ */ r(
+            ze,
             {
               className: m.playbackRangePreview,
-              style: U
+              style: Z
             }
           ),
-          ue.map((i) => {
-            const o = i.index, l = de(o);
+          de.map((i) => {
+            const o = i.index, T = pe(o);
             return /* @__PURE__ */ r(
-              Fe,
+              Be,
               {
-                className: F(m.pointSegment),
+                className: z(m.pointSegment),
                 style: {
                   position: "absolute",
                   width: i.widthPixels,
@@ -239,22 +252,22 @@ const at = 1400, ct = 650, kt = _e((Me) => {
                 },
                 role: "button",
                 tabIndex: 0,
-                "aria-label": `${z(ve.select_time)} ${V(l)}`,
-                children: (o % 2 === 0 || o === d - 1) && /* @__PURE__ */ x(De, { children: [
-                  t === 0 && o !== d - 1 && /* @__PURE__ */ x(Se, { className: m.axisTickContainer, onClick: () => pe(o), children: [
+                "aria-label": `${B(ye.select_time)} ${F(T)}`,
+                children: (o % 2 === 0 || o === d - 1) && /* @__PURE__ */ I(Oe, { children: [
+                  t === 0 && o !== d - 1 && /* @__PURE__ */ I(ge, { className: m.axisTickContainer, onClick: () => fe(o), children: [
                     /* @__PURE__ */ r(
-                      ge,
+                      we,
                       {
                         className: m.axisTickNumber,
-                        ownerState: { size: X },
-                        children: V(l)
+                        ownerState: { size: q },
+                        children: F(T)
                       }
                     ),
-                    /* @__PURE__ */ r(we, { className: m.axisTickLine })
+                    /* @__PURE__ */ r(Pe, { className: m.axisTickLine })
                   ] }),
-                  t === 0 && o === d - 1 && /* @__PURE__ */ x(Se, { className: `${m.axisTickContainer} last-tick`, children: [
-                    /* @__PURE__ */ r(ge, { className: m.axisTickNumber, ownerState: { size: X }, children: V(l, !0) }),
-                    /* @__PURE__ */ r(we, { className: m.axisTickLine })
+                  t === 0 && o === d - 1 && /* @__PURE__ */ I(ge, { className: `${m.axisTickContainer} last-tick`, children: [
+                    /* @__PURE__ */ r(we, { className: m.axisTickNumber, ownerState: { size: q }, children: F(T, !0) }),
+                    /* @__PURE__ */ r(Pe, { className: m.axisTickLine })
                   ] })
                 ] })
               },
@@ -265,72 +278,72 @@ const at = 1400, ct = 650, kt = _e((Me) => {
       },
       `time-line-channel-${t}`
     );
-  }) }), [c, B, ee, X, de, z, pe, U, d, p, ue]);
-  return /* @__PURE__ */ r(ze, { children: /* @__PURE__ */ x(
-    Be,
+  }) }), [l, Q, te, q, pe, B, fe, Z, d, p, s, de]);
+  return /* @__PURE__ */ r(Qe, { children: /* @__PURE__ */ I(
+    Xe,
     {
       ref: u,
       style: {
-        width: `${be}%`,
-        transform: `translateX(-${100 / h * (T - 1)}%)`
+        width: `${Ce}%`,
+        transform: `translateX(-${100 / S * (h - 1)}%)`
       },
       children: [
-        /* @__PURE__ */ r(Qe, { onClick: Ce, children: /* @__PURE__ */ r(Xe, {}) }),
-        ke.map((e) => /* @__PURE__ */ r(
-          Je,
+        /* @__PURE__ */ r(qe, { onClick: Re, children: /* @__PURE__ */ r(He, {}) }),
+        xe.map((e) => /* @__PURE__ */ r(
+          et,
           {
             clusteredEvent: e,
-            onEventClick: Re
+            onEventClick: Ie
           },
           e.id
         )),
         /* @__PURE__ */ r(
-          nt,
+          ot,
           {
-            title: V(O.time / 3600, !1, !0),
+            title: F(W.time / 3600, !1, !0),
             placement: "top",
             offset: [0, 20],
             PopperProps: {
-              popperRef: se
+              popperRef: ae
             },
-            open: q || y || H,
-            onOpen: () => M(!0),
-            onClose: () => M(!1),
+            open: H || M || K,
+            onOpen: () => L(!0),
+            onClose: () => L(!1),
             children: /* @__PURE__ */ r(
-              qe,
+              Ke,
               {
-                className: F(
+                className: z(
                   m.playbackTooltipAnchor,
-                  O.snapsToSegment ? "snapped" : "floating"
+                  W.snapsToSegment ? "snapped" : "floating"
                 ),
-                style: { left: `${O.positionPercent}%` }
+                style: { left: `${W.positionPercent}%` }
               }
             )
           }
         ),
         /* @__PURE__ */ r(
-          He,
+          Ye,
           {
-            style: { left: `${D}%` },
-            className: F(m.dialPointIndicator, y ? "dragging" : ""),
-            onMouseDown: xe,
-            onMouseEnter: () => M(!0),
-            onMouseLeave: () => M(!1),
-            onFocus: () => M(!0),
-            onBlur: () => M(!1),
+            style: { left: `${$}%` },
+            className: z(m.dialPointIndicator, M ? "dragging" : ""),
+            onMouseDown: Ne,
+            onMouseEnter: () => L(!0),
+            onMouseLeave: () => L(!1),
+            onFocus: () => L(!0),
+            onBlur: () => L(!1),
             role: "slider",
-            "aria-valuenow": s,
+            "aria-valuenow": a,
             "aria-valuemin": 0,
             "aria-valuemax": 86399,
-            "aria-label": z(ve.time_selector),
-            children: /* @__PURE__ */ r(Ke, {})
+            "aria-label": B(ye.time_selector),
+            children: /* @__PURE__ */ r(Ue, {})
           }
         ),
-        !Le && Ie
+        !be && Ae
       ]
     }
   ) });
 });
 export {
-  kt as ChartTimeLine
+  Nt as ChartTimeLine
 };

package/components/VideoTimeLineSelector/subcomponents/EventCluster/EventCluster.d.ts

@@ -4,8 +4,8 @@ interface EventClusterProps {
     onEventClick?: (eventTime: Date) => void;
 }
 /**
- * Componente que renderiza un clúster de eventos o un evento individual
- * @param props - Propiedades del componente
+ * Component that renders an event cluster or a single event.
+ * @param props - Component properties
  */
 export declare const EventCluster: import('react').MemoExoticComponent<({ clusteredEvent, onEventClick }: EventClusterProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export {};

package/components/VideoTimeLineSelector/subcomponents/EventCluster/EventCluster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventCluster.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/subcomponents/EventCluster/EventCluster.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAQ3E,UAAU,iBAAiB;IACzB,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,KAAK,IAAI,CAAC;CAC1C;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,yEAA2C,iBAAiB,sDA8FnF,CAAC"}
+{"version":3,"file":"EventCluster.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/subcomponents/EventCluster/EventCluster.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAQ3E,UAAU,iBAAiB;IACzB,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,KAAK,IAAI,CAAC;CAC1C;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,yEAA2C,iBAAiB,sDA4GnF,CAAC"}