@insync-stageplayer/plotly-chart 0.5.35 → 0.5.38-beta.3

package/lib/PlotlyGraph/EventMenu.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-declare type props = {
-    id: string;
-    show: boolean;
-    bottom: number;
-    left: number;
-    useMarkersActions: any;
-    eventdatabyIds: any;
-    events: any;
-};
-export declare const EventMenu: React.FC<props>;
-export {};
+import React from "react";
+declare type props = {
+    id: string;
+    show: boolean;
+    bottom: number;
+    left: number;
+    useMarkersActions: any;
+    eventdatabyIds: any;
+    events: any;
+};
+export declare const EventMenu: React.FC<props>;
+export {};
 //# sourceMappingURL=EventMenu.d.ts.map

package/lib/PlotlyGraph/EventMenu.js

@@ -1,19 +1,19 @@
-import React, { useEffect, useState } from "react";
-import { parse } from "query-string";
-import styled from "styled-components";
-import { useTheme as useSelectedTheme } from "@insync-stageplayer/ui-components";
-import { deleteMarkerEvent } from "@insync-stageplayer/measurements";
+import React, { useEffect, useState } from "react";
+import { parse } from "query-string";
+import styled from "styled-components";
+import { useTheme as useSelectedTheme } from "@insync-stageplayer/ui-components";
+import { deleteMarkerEvent } from "@insync-stageplayer/measurements";
 const MenuWrapper = styled.div `
   position: absolute;
   z-index: 99;
-`;
+`;
 const Menu = styled.div `
   position: relative;
   border-radius: 8px;
   padding: 5px 10px;
   bottom: -5px;
   box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
-`;
+`;
 const MenuBubble = styled.div `
   position: relative;
   display: block;
@@ -23,62 +23,62 @@ const MenuBubble = styled.div `
   bottom: 0;
   transform: rotate(45deg);
   box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
-`;
-export const EventMenu = ({ id, show, bottom, left, useMarkersActions, eventdatabyIds, events, }) => {
-    const selectedTheme = useSelectedTheme();
-    const params = parse(document.location.search);
-    const [eventMenuHover, setEventMenuHover] = useState(false);
-    const [deleteMarker, setdeleteMarker] = useState({});
-    const [removeMarkerEvent, setremoveMarkerEvent] = useState(false);
-    const { setEvents } = useMarkersActions();
-    const markerDeleting = deleteMarkerEvent({
-        markerData: deleteMarker,
-        dataType: "eventdatadelete",
-        removeMarkerEvent,
-    });
-    const deleteEvent = () => {
-        const [eventStreamId] = eventdatabyIds.eventStreamIds;
-        const { file } = eventdatabyIds;
-        const { projectId } = params;
-        setdeleteMarker({
-            file,
-            eventStreamId,
-            MarkerEvents: [id],
-            projectId,
-        });
-        setremoveMarkerEvent(true);
-    };
-    useEffect(() => {
-        if (removeMarkerEvent && deleteMarker && markerDeleting) {
-            markerDeleting
-                .then((response) => response)
-                .then((data) => {
-                const [deleteId] = data.eventData;
-                setEvents(events === null || events === void 0 ? void 0 : events.filter((list) => {
-                    return list.id !== deleteId;
-                }));
-                setEventMenuHover(false); // after delete hide menu
-            });
-        }
-        return setremoveMarkerEvent(false);
-    }, [removeMarkerEvent, deleteMarker, events, markerDeleting, setEvents]);
-    return (React.createElement(MenuWrapper, { style: {
-            left: left + "px",
-            bottom: bottom + "px",
-        }, onMouseEnter: () => setEventMenuHover(true), onMouseLeave: () => setEventMenuHover(false) },
-        React.createElement(Menu, { style: {
-                display: show || eventMenuHover ? "block" : "none",
-                backgroundColor: selectedTheme.colors.foreground,
-            } },
-            React.createElement("button", { style: {
-                    padding: 0,
-                    border: "none",
-                    background: "none",
-                    color: selectedTheme.colors.background,
-                }, onClick: deleteEvent }, "delete")),
-        React.createElement(MenuBubble, { style: {
-                display: show || eventMenuHover ? "block" : "none",
-                backgroundColor: selectedTheme.colors.foreground,
-            } })));
-};
+`;
+export const EventMenu = ({ id, show, bottom, left, useMarkersActions, eventdatabyIds, events, }) => {
+    const selectedTheme = useSelectedTheme();
+    const params = parse(document.location.search);
+    const [eventMenuHover, setEventMenuHover] = useState(false);
+    const [deleteMarker, setdeleteMarker] = useState({});
+    const [removeMarkerEvent, setremoveMarkerEvent] = useState(false);
+    const { setEvents } = useMarkersActions();
+    const markerDeleting = deleteMarkerEvent({
+        markerData: deleteMarker,
+        dataType: "eventdatadelete",
+        removeMarkerEvent,
+    });
+    const deleteEvent = () => {
+        const [eventStreamId] = eventdatabyIds.eventStreamIds;
+        const { file } = eventdatabyIds;
+        const { projectId } = params;
+        setdeleteMarker({
+            file,
+            eventStreamId,
+            MarkerEvents: [id],
+            projectId,
+        });
+        setremoveMarkerEvent(true);
+    };
+    useEffect(() => {
+        if (removeMarkerEvent && deleteMarker && markerDeleting) {
+            markerDeleting
+                .then((response) => response)
+                .then((data) => {
+                const [deleteId] = data.eventData;
+                setEvents(events === null || events === void 0 ? void 0 : events.filter((list) => {
+                    return list.id !== deleteId;
+                }));
+                setEventMenuHover(false); // after delete hide menu
+            });
+        }
+        return setremoveMarkerEvent(false);
+    }, [removeMarkerEvent, deleteMarker, events, markerDeleting, setEvents]);
+    return (React.createElement(MenuWrapper, { style: {
+            left: left + "px",
+            bottom: bottom + "px",
+        }, onMouseEnter: () => setEventMenuHover(true), onMouseLeave: () => setEventMenuHover(false) },
+        React.createElement(Menu, { style: {
+                display: show || eventMenuHover ? "block" : "none",
+                backgroundColor: selectedTheme.colors.foreground,
+            } },
+            React.createElement("button", { style: {
+                    padding: 0,
+                    border: "none",
+                    background: "none",
+                    color: selectedTheme.colors.background,
+                }, onClick: deleteEvent }, "delete")),
+        React.createElement(MenuBubble, { style: {
+                display: show || eventMenuHover ? "block" : "none",
+                backgroundColor: selectedTheme.colors.foreground,
+            } })));
+};
 //# sourceMappingURL=EventMenu.js.map

package/lib/PlotlyGraph/MarkerTracks.d.ts

@@ -1,17 +1,21 @@
-import React from "react";
-declare type props = {
-    width: number;
-    left: number;
-    setHeight: any;
-    events: any;
-    markers: any;
-    xRange: any;
-    overlay: HTMLDivElement | null;
-    zoomRangeDisplay: any;
-    formatSecondsEventMarker: any;
-    useMarkersActions: any;
-    eventdatabyIds: any;
-};
-export declare const MarkerTracks: React.FC<props>;
-export {};
+import React from "react";
+declare type props = {
+    width: number;
+    left: number;
+    setHeight: any;
+    events: any;
+    markers: any;
+    xRange: any;
+    overlay: HTMLDivElement | null;
+    zoomRangeDisplay: any;
+    formatSecondsEventMarker: any;
+    useMarkersActions: any;
+    eventdatabyIds: any;
+    totalTime: any;
+    scrubbing: boolean;
+    seekTime: number;
+    nowLine: number;
+};
+export declare const MarkerTracks: React.FC<props>;
+export {};
 //# sourceMappingURL=MarkerTracks.d.ts.map

package/lib/PlotlyGraph/MarkerTracks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkerTracks.d.ts","sourceRoot":"","sources":["../../src/PlotlyGraph/MarkerTracks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,gBAAgB,EAAE,GAAG,CAAC;IACtB,wBAAwB,EAAE,GAAG,CAAC;IAC9B,iBAAiB,EAAE,GAAG,CAAC;IACvB,cAAc,EAAE,GAAG,CAAC;CACrB,CAAC;AAMF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsWxC,CAAC"}
+{"version":3,"file":"MarkerTracks.d.ts","sourceRoot":"","sources":["../../src/PlotlyGraph/MarkerTracks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkBnD,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,gBAAgB,EAAE,GAAG,CAAC;IACtB,wBAAwB,EAAE,GAAG,CAAC;IAC9B,iBAAiB,EAAE,GAAG,CAAC;IACvB,cAAc,EAAE,GAAG,CAAC;IACpB,SAAS,EAAE,GAAG,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAMF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+XxC,CAAC"}