@m4l/gclick 0.3.1-beta.0 → 0.3.1-beta.1

package/components/VideoTimeLineSelector/slots/VideoTimeLineSelectorSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTimeLineSelectorSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/slots/VideoTimeLineSelectorSlots.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB;;6NAGR,CAAC;AAE7B,eAAO,MAAM,iCAAiC;;6NAGK,CAAC;AAEpD,eAAO,MAAM,2BAA2B;;6NAGK,CAAC;AAE9C,eAAO,MAAM,8BAA8B;;6NAGK,CAAC;AAEjD,eAAO,MAAM,mBAAmB;;6NAGK,CAAC;AAEtC,eAAO,MAAM,wBAAwB;;UAGK,CAAC;AAE3C,eAAO,MAAM,kBAAkB;;6NAGK,CAAC;AAErC,eAAO,MAAM,yBAAyB;;6NAGK,CAAC;AAE5C,eAAO,MAAM,cAAc;;6NAGK,CAAC;AAEjC,eAAO,MAAM,uBAAuB;;6NAGK,CAAC;AAE1C,eAAO,MAAM,gBAAgB;;6NAGK,CAAC;AAEnC,eAAO,MAAM,kBAAkB;;6NAGK,CAAC;AAErC,eAAO,MAAM,wBAAwB;;6NAGK,CAAC;AAE3C,eAAO,MAAM,6BAA6B;;6NAGK,CAAC;AAEhD,eAAO,MAAM,uBAAuB;;6NAGK,CAAC;AAE1C,eAAO,MAAM,oBAAoB;;iOAGK,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;6NAGK,CAAC;AAErC,eAAO,MAAM,yBAAyB;;6NAGK,CAAC;AAE5C,eAAO,MAAM,+BAA+B;;6NAGK,CAAC;AAElD,eAAO,MAAM,mBAAmB;;UAGC,CAAC;AAElC,eAAO,MAAM,oBAAoB;;UAGC,CAAC;AAEnC,eAAO,MAAM,4BAA4B;;qOAGK,CAAC"}

package/components/VideoTimeLineSelector/slots/VideoTimeLineSelectorSlots.js

@@ -1,118 +1,97 @@
-import { styled } from "@mui/material/styles";
-import { V as VideoTimeLineSelectorSlots } from "./VideoTimeLineSelectorEnums.js";
-import { V as VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT } from "../constants.js";
-import { c as chartTimeLineStyles } from "../VideoTimeLineSelector.styles.js";
-import { IconButton } from "@m4l/components";
-import { RadioGroup } from "@mui/material";
-const ChartTimeLineRootStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.root
-})(chartTimeLineStyles.root);
-const ContainerSelectTimeChannelsStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.containerSelectTimeChannels
-})(chartTimeLineStyles.containerSelectTimeChannels);
-const ContainerDialTimeLineStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.containerDialTimeLine
-})(chartTimeLineStyles.containerDialTimeLine);
-const ContainerChannelCheckboxStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.containerChannelCheckbox
-})(chartTimeLineStyles.containerChannelCheckbox);
-const ChannelsGroupStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.channelsGroup
-})(chartTimeLineStyles.channelsGroup);
-const ChannelsRadioGroupStyled = styled(RadioGroup, {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.channelsRadioGroup
-})(chartTimeLineStyles.channelsRadioGroup);
-const PointSegmentStyled = styled("li", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.pointSegment
-})(chartTimeLineStyles.pointSegment);
-const PointChannelSegmentStyled = styled("li", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.pointChannelSegment
-})(chartTimeLineStyles.pointChannelSegment);
-const DashLineStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.dashLine
-})(chartTimeLineStyles.dashLine);
-const DashLineContainerStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.dashLineContainer
-})(chartTimeLineStyles.dashLineContainer);
-const PointEventStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.pointEvent
-})(chartTimeLineStyles.pointEvent);
-const EventClusterStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.eventCluster
-})(chartTimeLineStyles.eventCluster);
-const DialPointIndicatorStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.dialPointIndicator
-})(chartTimeLineStyles.dialPointIndicator);
-const DialPointIndicatorInnerStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.dialPointIndicatorInner
-})(chartTimeLineStyles.dialPointIndicatorInner);
-const AxisTickContainerStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.axisTickContainer
-})(chartTimeLineStyles.axisTickContainer);
-const AxisTickNumberStyled = styled("span", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.axisTickNumber
-})(chartTimeLineStyles.axisTickNumber);
-const AxisTickLineStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.axisTickLine
-})(chartTimeLineStyles.axisTickLine);
-const WrapperDialTimeLineStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.wrapperDialTimeLine
-})(chartTimeLineStyles.wrapperDialTimeLine);
-const WrapperDialTimeLineArrowsStyled = styled("div", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.wrapperDialTimeLineArrows
-})(chartTimeLineStyles.wrapperDialTimeLineArrows);
-const ArrowLeftIconStyled = styled(IconButton, {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.arrowLeft
-})(chartTimeLineStyles.arrowLeft);
-const ArrowRightIconStyled = styled(IconButton, {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.arrowRight
-})(chartTimeLineStyles.arrowRight);
-const TimeLineChannelWrapperStyled = styled("ul", {
-  name: VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT,
-  slot: VideoTimeLineSelectorSlots.timeLineChannelWrapper
-})(chartTimeLineStyles.timeLineChannelWrapper);
+import { styled as n } from "@mui/material/styles";
+import { VideoTimeLineSelectorSlots as e } from "./VideoTimeLineSelectorEnums.js";
+import { VIDEO_TIME_LINE_SELECTOR_KEY_COMPONENT as t } from "../constants.js";
+import { chartTimeLineStyles as i } from "../VideoTimeLineSelector.styles.js";
+import { IconButton as o } from "@m4l/components";
+import { RadioGroup as a } from "@mui/material";
+const p = n("div", {
+  name: t,
+  slot: e.root
+})(i.root), S = n("div", {
+  name: t,
+  slot: e.containerSelectTimeChannels
+})(i.containerSelectTimeChannels), h = n("div", {
+  name: t,
+  slot: e.containerDialTimeLine
+})(i.containerDialTimeLine), C = n("div", {
+  name: t,
+  slot: e.containerChannelCheckbox
+})(i.containerChannelCheckbox), L = n("div", {
+  name: t,
+  slot: e.channelsGroup
+})(i.channelsGroup), T = n(a, {
+  name: t,
+  slot: e.channelsRadioGroup
+})(i.channelsRadioGroup), y = n("li", {
+  name: t,
+  slot: e.pointSegment
+})(i.pointSegment), v = n("li", {
+  name: t,
+  slot: e.pointChannelSegment
+})(i.pointChannelSegment), u = n("div", {
+  name: t,
+  slot: e.dashLine
+})(i.dashLine), I = n("div", {
+  name: t,
+  slot: e.dashLineContainer
+})(i.dashLineContainer), D = n("div", {
+  name: t,
+  slot: e.pointEvent
+})(i.pointEvent), w = n("div", {
+  name: t,
+  slot: e.eventCluster
+})(i.eventCluster), x = n("div", {
+  name: t,
+  slot: e.dialPointIndicator
+})(i.dialPointIndicator), k = n("div", {
+  name: t,
+  slot: e.dialPointIndicatorInner
+})(i.dialPointIndicatorInner), E = n("div", {
+  name: t,
+  slot: e.axisTickContainer
+})(i.axisTickContainer), P = n("span", {
+  name: t,
+  slot: e.axisTickNumber
+})(i.axisTickNumber), f = n("div", {
+  name: t,
+  slot: e.axisTickLine
+})(i.axisTickLine), g = n("div", {
+  name: t,
+  slot: e.wrapperDialTimeLine
+})(i.wrapperDialTimeLine), R = n("div", {
+  name: t,
+  slot: e.wrapperDialTimeLineArrows
+})(i.wrapperDialTimeLineArrows), A = n(o, {
+  name: t,
+  slot: e.arrowLeft
+})(i.arrowLeft), G = n(o, {
+  name: t,
+  slot: e.arrowRight
+})(i.arrowRight), b = n("ul", {
+  name: t,
+  slot: e.timeLineChannelWrapper
+})(i.timeLineChannelWrapper);
 export {
-  ArrowLeftIconStyled as A,
-  ChartTimeLineRootStyled as C,
-  DashLineContainerStyled as D,
-  EventClusterStyled as E,
-  PointChannelSegmentStyled as P,
-  TimeLineChannelWrapperStyled as T,
-  WrapperDialTimeLineArrowsStyled as W,
-  ContainerSelectTimeChannelsStyled as a,
-  ChannelsRadioGroupStyled as b,
-  ChannelsGroupStyled as c,
-  ArrowRightIconStyled as d,
-  ContainerChannelCheckboxStyled as e,
-  PointSegmentStyled as f,
-  AxisTickContainerStyled as g,
-  AxisTickNumberStyled as h,
-  AxisTickLineStyled as i,
-  WrapperDialTimeLineStyled as j,
-  ContainerDialTimeLineStyled as k,
-  DashLineStyled as l,
-  DialPointIndicatorStyled as m,
-  DialPointIndicatorInnerStyled as n,
-  PointEventStyled as o
+  A as ArrowLeftIconStyled,
+  G as ArrowRightIconStyled,
+  E as AxisTickContainerStyled,
+  f as AxisTickLineStyled,
+  P as AxisTickNumberStyled,
+  L as ChannelsGroupStyled,
+  T as ChannelsRadioGroupStyled,
+  p as ChartTimeLineRootStyled,
+  C as ContainerChannelCheckboxStyled,
+  h as ContainerDialTimeLineStyled,
+  S as ContainerSelectTimeChannelsStyled,
+  I as DashLineContainerStyled,
+  u as DashLineStyled,
+  k as DialPointIndicatorInnerStyled,
+  x as DialPointIndicatorStyled,
+  w as EventClusterStyled,
+  v as PointChannelSegmentStyled,
+  D as PointEventStyled,
+  y as PointSegmentStyled,
+  b as TimeLineChannelWrapperStyled,
+  R as WrapperDialTimeLineArrowsStyled,
+  g as WrapperDialTimeLineStyled
 };

package/components/VideoTimeLineSelector/store/VideoTimeLineSelectorContext.d.ts

@@ -5,4 +5,5 @@ export declare const VideoTimeLineSelectorContext: import('react').Context<impor
  * @param props VideoTimeLineSelectorProviderProps
  * @returns
  */
-export declare const VideoTimeLineSelectorProvider: (props: VideoTimeLineSelectorProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoTimeLineSelectorProvider: (props: VideoTimeLineSelectorProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VideoTimeLineSelectorContext.d.ts.map

package/components/VideoTimeLineSelector/store/VideoTimeLineSelectorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTimeLineSelectorContext.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/store/VideoTimeLineSelectorContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,kCAAkC,EAA8B,MAAM,SAAS,CAAC;AAK5H,eAAO,MAAM,4BAA4B,0HAAyD,CAAC;AAEnG;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,GAAI,OAAO,kCAAkC,qDAsFtF,CAAC"}

package/components/VideoTimeLineSelector/store/VideoTimeLineSelectorContext.js

@@ -1,22 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo, useRef, useEffect, createContext } from "react";
-import { c as createVideoTimeLineSelectorStore } from "./VideoTimeLineSelectorStore.js";
-import { a as TIME_VISIBLE_OPTIONS_KEYS } from "../constants.js";
-const VideoTimeLineSelectorContext = createContext(null);
-const VideoTimeLineSelectorProvider = (props) => {
+import { jsx as C } from "@emotion/react/jsx-runtime";
+import { createContext as T, useMemo as x, useRef as p, useEffect as n } from "react";
+import { createVideoTimeLineSelectorStore as E } from "./VideoTimeLineSelectorStore.js";
+import { TIME_VISIBLE_OPTIONS_KEYS as L } from "../constants.js";
+const I = T(null), O = (S) => {
   const {
-    children,
-    channels,
-    segments,
-    events,
-    maxChannelsSelected,
-    storeId = "videoTimeLineSelector",
-    storeDevtoolsEnabled,
-    defaultTime,
-    loading
-  } = props;
-  const initialStore = useMemo(() => ({
-    timeVisible: TIME_VISIBLE_OPTIONS_KEYS[0],
+    children: d,
+    channels: t,
+    segments: r,
+    events: o,
+    maxChannelsSelected: a,
+    storeId: c = "videoTimeLineSelector",
+    storeDevtoolsEnabled: l,
+    defaultTime: s,
+    loading: i
+  } = S, g = x(() => ({
+    timeVisible: L[0],
     zoomQty: 100,
     quadrantsQty: 1,
     currentQuadrant: 1,
@@ -24,51 +22,35 @@ const VideoTimeLineSelectorProvider = (props) => {
     activeChannels: [],
     currentTime: 0,
     maxChannelsSelected: 1,
-    storeId,
-    storeDevtoolsEnabled,
-    channels: channels || [],
-    segments: segments || [],
-    events: events || [],
+    storeId: c,
+    storeDevtoolsEnabled: l,
+    channels: t || [],
+    segments: r || [],
+    events: o || [],
     countOnChange: 0,
-    defaultTime,
-    loading
-  }), [storeDevtoolsEnabled, storeId, channels, segments, events, defaultTime, loading]);
-  const videoStoreRef = useRef();
-  if (!videoStoreRef.current) {
-    videoStoreRef.current = createVideoTimeLineSelectorStore(initialStore);
-  }
-  videoStoreRef.current?.getState().actions.init();
-  useEffect(() => {
-    if (channels && channels.length > 0) {
-      const store = videoStoreRef.current;
-      const activeChannelsStore = store.getState().activeChannels;
-      const newActiveChannels = activeChannelsStore.filter((keyChannel) => channels.some((channel) => channel.id === keyChannel));
-      if (activeChannelsStore.length > 0) {
-        store?.getState().actions.setActiveChannels(newActiveChannels);
-      }
+    defaultTime: s,
+    loading: i
+  }), [l, c, t, r, o, s, i]), e = p(null);
+  return e.current || (e.current = E(g)), e.current?.getState().actions.init(), n(() => {
+    if (t && t.length > 0) {
+      const u = e.current, m = u?.getState().activeChannels ?? [], h = m.filter((f) => t.some((v) => v.id === f));
+      m.length > 0 && u?.getState().actions.setActiveChannels(h);
     }
-  }, [channels]);
-  useEffect(() => {
-    videoStoreRef.current?.getState().actions.setDefaultTime(defaultTime);
-  }, [defaultTime]);
-  useEffect(() => {
-    videoStoreRef.current?.getState().actions.setLoading(loading);
-  }, [loading]);
-  useEffect(() => {
-    videoStoreRef.current?.getState().actions.setMaxChannelsSelected(maxChannelsSelected);
-  }, [maxChannelsSelected]);
-  useEffect(() => {
-    videoStoreRef.current?.getState().actions.setChannels(channels || []);
-  }, [channels]);
-  useEffect(() => {
-    videoStoreRef.current?.getState().actions.setSegments(segments || []);
-  }, [segments]);
-  useEffect(() => {
-    videoStoreRef.current?.getState().actions.setEvents(events || []);
-  }, [events]);
-  return /* @__PURE__ */ jsx(VideoTimeLineSelectorContext.Provider, { value: videoStoreRef.current, children });
+  }, [t]), n(() => {
+    e.current?.getState().actions.setDefaultTime(s);
+  }, [s]), n(() => {
+    e.current?.getState().actions.setLoading(i);
+  }, [i]), n(() => {
+    e.current?.getState().actions.setMaxChannelsSelected(a);
+  }, [a]), n(() => {
+    e.current?.getState().actions.setChannels(t || []);
+  }, [t]), n(() => {
+    e.current?.getState().actions.setSegments(r || []);
+  }, [r]), n(() => {
+    e.current?.getState().actions.setEvents(o || []);
+  }, [o]), /* @__PURE__ */ C(I.Provider, { value: e.current, children: d });
 };
 export {
-  VideoTimeLineSelectorProvider as V,
-  VideoTimeLineSelectorContext as a
+  I as VideoTimeLineSelectorContext,
+  O as VideoTimeLineSelectorProvider
 };

package/components/VideoTimeLineSelector/store/VideoTimeLineSelectorStore.d.ts

@@ -4,3 +4,4 @@ import { videoTimeLineSelectorInitialStore, VideoTimeLineSelectorStoreStateWithA
  * @param initProps Variables iniciales que necesita store
  */
 export declare const createVideoTimeLineSelectorStore: (initProps: videoTimeLineSelectorInitialStore, storeDevtoolsEnabled?: boolean) => import('zustand').StoreApi<VideoTimeLineSelectorStoreStateWithActions>;
+//# sourceMappingURL=VideoTimeLineSelectorStore.d.ts.map

package/components/VideoTimeLineSelector/store/VideoTimeLineSelectorStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoTimeLineSelectorStore.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/VideoTimeLineSelector/store/VideoTimeLineSelectorStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iCAAiC,EAAE,0CAA0C,EAAE,MAAM,SAAS,CAAC;AAwBxG;;;GAGG;AACH,eAAO,MAAM,gCAAgC,GAAI,WAAW,iCAAiC,EAAE,8BAA4B,2EAoP1H,CAAC"}