@insync-stageplayer/annotations 0.5.37 → 0.6.0

package/lib/components/MeasurementDisplayElement.js

@@ -1,98 +1,66 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { useMeasurement, } from "@insync-stageplayer/measurements";
-import React, { useContext, useEffect } from "react";
-import { useSelector } from "react-redux";
-import { formatNumber } from "../formatNumber";
-import { MeasurementDisplayDataContext } from "./MeasurementDisplayDataContext";
-import { AnnotationsModuleContext } from "./AnnotationsModuleProvider";
-import { useTheme } from "@insync-stageplayer/ui-components";
-/**
- * A hook that registers the consuming component in the MeasurementDisplayDataContext.
- * @param measurementId
- * @returns
- */
-const useMeasurementDisplayData = (measurement) => {
-    const { register, data: allData, loading, error, } = useContext(MeasurementDisplayDataContext);
-    useEffect(() => {
-        if (!measurement)
-            return;
-        const unregister = register(measurement);
-        return () => {
-            unregister();
-        };
-    }, [register, measurement]);
-    const data = measurement &&
-        allData &&
-        allData[measurement === null || measurement === void 0 ? void 0 : measurement.id] &&
-        allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0]
-        ? {
-            x: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0][0],
-            y: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0][1],
-        }
-        : undefined;
-    return {
-        loading,
-        error,
-        data,
-    };
-};
-/**
- * A component that displays the current value of a measurement.
- */
-export const MeasurementDisplayElement = React.forwardRef((props, ref) => {
-    const { id, editable, children, xRange } = props, rest = __rest(props, ["id", "editable", "children", "xRange"]);
-    const theme = useTheme();
-    const context = useContext(AnnotationsModuleContext);
-    const display = useSelector((s) => context.entitiesSelectors.measurementDisplays.selectById(s, id));
-    const { measurement } = useMeasurement(display === null || display === void 0 ? void 0 : display.measurementId);
-    const { data } = useMeasurementDisplayData(measurement);
-    const padXStart = Math.max(3, (display === null || display === void 0 ? void 0 : display.padXTo) || 0);
-    const padYStart = Math.max(3, (display === null || display === void 0 ? void 0 : display.padYTo) || 0);
-    const decimalsX = (display === null || display === void 0 ? void 0 : display.decimalsX) !== undefined ? display.decimalsX : 0;
-    const decimalsY = (display === null || display === void 0 ? void 0 : display.decimalsY) !== undefined ? display.decimalsY : 0;
-    const xValue = (display === null || display === void 0 ? void 0 : display.showX) && (data === null || data === void 0 ? void 0 : data.x) !== "NaN"
-        ? formatNumber({
-            value: (data === null || data === void 0 ? void 0 : data.x) && data.x > 0 ? data.x / 1000 / 1000 : 0,
-            decimals: decimalsX,
-            padStart: padXStart,
-            padChar: display.padXChar,
-        })
-        : undefined;
-    const yValue = (display === null || display === void 0 ? void 0 : display.showY) && (data === null || data === void 0 ? void 0 : data.y) !== "NaN"
-        ? formatNumber({
-            value: data === null || data === void 0 ? void 0 : data.y,
-            decimals: decimalsY,
-            padStart: padYStart,
-            padChar: display.padYChar,
-            unit: (display === null || display === void 0 ? void 0 : display.showSignal) ? measurement === null || measurement === void 0 ? void 0 : measurement.unit : "",
-        })
-        : undefined;
-    const formattedString = `${xValue ? `${xValue}` : ""}${xValue && yValue ? ":" : ""}${yValue ? yValue : ""}`;
-    return (React.createElement("span", Object.assign({ className: "badge", role: "button", ref: ref }, rest, { style: {
-            backgroundColor: "transparent",
-            cursor: editable ? "pointer" : "text",
-            fontFamily: "monospace",
-            fontSize: "16px",
-            fontWeight: 400,
-            padding: ".2em",
-            margin: ".1em",
-            whiteSpace: "pre",
-            color: "white",
-            border: (display === null || display === void 0 ? void 0 : display.showSigColor) ? "1px solid" : "0px solid",
-            borderColor: (display === null || display === void 0 ? void 0 : display.showSigColor) ? measurement === null || measurement === void 0 ? void 0 : measurement.color : "unset",
-        } }),
-        formattedString,
-        children));
-});
-export default MeasurementDisplayElement;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useMeasurement, } from "@insync-stageplayer/measurements";
+import React, { useContext } from "react";
+import { useSelector } from "react-redux";
+import { formatNumber } from "../formatNumber";
+import { AnnotationsModuleContext } from "./AnnotationsModuleProvider";
+import { useMeasurementDisplayData } from "../hooks/useMeasurementDisplayData";
+/**
+ * A component that displays the current value of a measurement.
+ */
+export const MeasurementDisplayElement = React.forwardRef((props, ref) => {
+    const { id, editable, children, xRange } = props, rest = __rest(props, ["id", "editable", "children", "xRange"]);
+    const context = useContext(AnnotationsModuleContext);
+    const display = useSelector((s) => context.entitiesSelectors.measurementDisplays.selectById(s, id));
+    const { measurement } = useMeasurement(display === null || display === void 0 ? void 0 : display.measurementId);
+    const { data } = useMeasurementDisplayData(measurement);
+    const padXStart = Math.max(3, (display === null || display === void 0 ? void 0 : display.padXTo) || 0);
+    const padYStart = Math.max(3, (display === null || display === void 0 ? void 0 : display.padYTo) || 0);
+    const decimalsX = (display === null || display === void 0 ? void 0 : display.decimalsX) !== undefined ? display.decimalsX : 0;
+    const decimalsY = (display === null || display === void 0 ? void 0 : display.decimalsY) !== undefined ? display.decimalsY : 0;
+    const xValue = (display === null || display === void 0 ? void 0 : display.showX) && (data === null || data === void 0 ? void 0 : data.x) !== "NaN"
+        ? formatNumber({
+            value: (data === null || data === void 0 ? void 0 : data.x) && data.x > 0 ? data.x / 1000 / 1000 : 0,
+            decimals: decimalsX,
+            padStart: padXStart,
+            padChar: display.padXChar,
+        })
+        : undefined;
+    const yValue = (display === null || display === void 0 ? void 0 : display.showY) && (data === null || data === void 0 ? void 0 : data.y) !== "NaN"
+        ? formatNumber({
+            value: data === null || data === void 0 ? void 0 : data.y,
+            decimals: decimalsY,
+            padStart: padYStart,
+            padChar: display.padYChar,
+            unit: (display === null || display === void 0 ? void 0 : display.showSignal) ? measurement === null || measurement === void 0 ? void 0 : measurement.unit : "",
+        })
+        : undefined;
+    const formattedString = `${xValue ? `${xValue}` : ""}${xValue && yValue ? ":" : ""}${yValue ? yValue : ""}`;
+    return (React.createElement("span", Object.assign({ className: "badge", role: "button", ref: ref }, rest, { style: {
+            backgroundColor: "transparent",
+            cursor: editable ? "pointer" : "text",
+            fontFamily: "monospace",
+            fontSize: "16px",
+            fontWeight: 400,
+            padding: ".2em",
+            margin: ".1em",
+            whiteSpace: "pre",
+            color: "white",
+            border: (display === null || display === void 0 ? void 0 : display.showSigColor) ? "1px solid" : "0px solid",
+            borderColor: (display === null || display === void 0 ? void 0 : display.showSigColor) ? measurement === null || measurement === void 0 ? void 0 : measurement.color : "unset",
+        } }),
+        formattedString,
+        children));
+});
+export default MeasurementDisplayElement;
 //# sourceMappingURL=MeasurementDisplayElement.js.map

package/lib/components/MeasurementDisplayElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeasurementDisplayElement.js","sourceRoot":"","sources":["../../src/components/MeasurementDisplayElement.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MeasurementDisplayElement.js","sourceRoot":"","sources":["../../src/components/MeasurementDisplayElement.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAEL,cAAc,GACf,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAe/E;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAGvD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAnD,wCAA2C,CAAQ,CAAC;IAC1D,MAAM,OAAO,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAChC,OAAO,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,CAChE,CAAC;IAEF,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAC,CAAC;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,yBAAyB,CAAC,WAAW,CAAC,CAAC;IAExD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,MAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3E,MAAM,SAAS,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,MAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3E,MAAM,MAAM,GACV,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,CAAC,MAAK,KAAK;QACjC,CAAC,CAAC,YAAY,CAAC;YACX,KAAK,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,CAAC,KAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YACvD,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,OAAO,CAAC,QAAQ;SAC1B,CAAC;QACJ,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,MAAM,GACV,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,CAAC,MAAK,KAAK;QACjC,CAAC,CAAC,YAAY,CAAC;YACX,KAAK,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,CAAC;YACd,QAAQ,EAAE,SAAS;YACnB,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,OAAO,CAAC,QAAQ;YACzB,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,EAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE;SACnD,CAAC;QACJ,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,eAAe,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,GAClD,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAC3B,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAE1B,OAAO,CACL,4CACE,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,KAAK,EAAE;YACL,eAAe,EAAE,aAAa;YAC9B,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;YACrC,UAAU,EAAE,WAAW;YACvB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,KAAK;YACjB,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,EAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW;YACzD,WAAW,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,EAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,CAAC,CAAC,OAAO;SAClE;QAEA,eAAe;QAEf,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,yBAAyB,CAAC"}

package/lib/components/ModalAnnotationEditor.d.ts

@@ -1,13 +1,13 @@
-import React, { CSSProperties } from "react";
-export declare type ModalAnnotationEditorProps = {
-    title: string;
-    className?: string;
-    style?: CSSProperties;
-};
-/**
- * A modal wrapper around AnnotationEditor.
- * @param props
- * @returns
- */
-export declare const ModalAnnotationEditor: React.FC<ModalAnnotationEditorProps>;
+import React, { CSSProperties } from "react";
+export declare type ModalAnnotationEditorProps = {
+    title: string;
+    className?: string;
+    style?: CSSProperties;
+};
+/**
+ * A modal wrapper around AnnotationEditor.
+ * @param props
+ * @returns
+ */
+export declare const ModalAnnotationEditor: React.FC<ModalAnnotationEditorProps>;
 //# sourceMappingURL=ModalAnnotationEditor.d.ts.map

package/lib/components/ModalAnnotationEditor.js

@@ -1,41 +1,41 @@
-import React, { useContext } from "react";
-import { AnnotationEditForm } from "./AnnotationEditForm";
-import { Modal, ModalHeading, ModalBody, styled, } from "@insync-stageplayer/ui-components";
-import { editAnnotationCancel, editAnnotationDelete, editAnnotationSubmit, } from "../redux/annotations.slice";
-import { useDispatch, useSelector } from "react-redux";
-import { AnnotationsModuleContext } from "./AnnotationsModuleProvider";
+import React, { useContext } from "react";
+import { AnnotationEditForm } from "./AnnotationEditForm";
+import { Modal, ModalHeading, ModalBody, styled, } from "@insync-stageplayer/ui-components";
+import { editAnnotationCancel, editAnnotationDelete, editAnnotationSubmit, } from "../redux/annotations.slice";
+import { useDispatch, useSelector } from "react-redux";
+import { AnnotationsModuleContext } from "./AnnotationsModuleProvider";
 const StyledModalBody = styled(ModalBody) `
   width: 40vw;
   height: 60vh;
-`;
-/**
- * A modal wrapper around AnnotationEditor.
- * @param props
- * @returns
- */
-export const ModalAnnotationEditor = ({ title, className, style, }) => {
-    const dispatch = useDispatch();
-    const { selector } = useContext(AnnotationsModuleContext);
-    const editingAnnotation = useSelector((s) => selector(s).annotations.editingAnnotation);
-    const handleCancel = () => {
-        dispatch(editAnnotationCancel());
-    };
-    const handleSubmit = (annotation) => {
-        var _a;
-        if (((_a = annotation.content) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-            alert("There is no content to show");
-            dispatch(editAnnotationCancel());
-        }
-        else {
-            dispatch(editAnnotationSubmit(annotation));
-        }
-    };
-    const handleDelete = () => {
-        dispatch(editAnnotationDelete());
-    };
-    return (React.createElement(Modal, { visible: editingAnnotation !== undefined, style: style, className: className },
-        React.createElement(ModalHeading, null, title),
-        React.createElement(StyledModalBody, null,
-            React.createElement(AnnotationEditForm, { annotationId: editingAnnotation, onCancel: handleCancel, onSubmit: handleSubmit, onDelete: handleDelete }))));
-};
+`;
+/**
+ * A modal wrapper around AnnotationEditor.
+ * @param props
+ * @returns
+ */
+export const ModalAnnotationEditor = ({ title, className, style, }) => {
+    const dispatch = useDispatch();
+    const { selector } = useContext(AnnotationsModuleContext);
+    const editingAnnotation = useSelector((s) => selector(s).annotations.editingAnnotation);
+    const handleCancel = () => {
+        dispatch(editAnnotationCancel());
+    };
+    const handleSubmit = (annotation) => {
+        var _a;
+        if (((_a = annotation.content) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+            alert("There is no content to show");
+            dispatch(editAnnotationCancel());
+        }
+        else {
+            dispatch(editAnnotationSubmit(annotation));
+        }
+    };
+    const handleDelete = () => {
+        dispatch(editAnnotationDelete());
+    };
+    return (React.createElement(Modal, { visible: editingAnnotation !== undefined, style: style, className: className },
+        React.createElement(ModalHeading, null, title),
+        React.createElement(StyledModalBody, null,
+            React.createElement(AnnotationEditForm, { annotationId: editingAnnotation, onCancel: handleCancel, onSubmit: handleSubmit, onDelete: handleDelete }))));
+};
 //# sourceMappingURL=ModalAnnotationEditor.js.map

package/lib/formatNumber.d.ts

@@ -1,30 +1,30 @@
-declare type FormatNumberArgs = {
-    /**
-     * The value to be formatted.
-     */
-    value?: number;
-    /**
-     * How many character should be added to the start of the number.
-     */
-    padStart?: number;
-    /**
-     * The char to use as padding character.
-     */
-    padChar?: string;
-    /**
-     * The amount of decimals to display.
-     */
-    decimals?: number;
-    /**
-     * The unit to display.
-     */
-    unit?: string;
-};
-/**
- * Formats a given number.
- * @param args
- * @returns
- */
-export declare const formatNumber: ({ value, decimals, padStart, padChar, unit, }: FormatNumberArgs) => string;
-export {};
+declare type FormatNumberArgs = {
+    /**
+     * The value to be formatted.
+     */
+    value?: number;
+    /**
+     * How many character should be added to the start of the number.
+     */
+    padStart?: number;
+    /**
+     * The char to use as padding character.
+     */
+    padChar?: string;
+    /**
+     * The amount of decimals to display.
+     */
+    decimals?: number;
+    /**
+     * The unit to display.
+     */
+    unit?: string;
+};
+/**
+ * Formats a given number.
+ * @param args
+ * @returns
+ */
+export declare const formatNumber: ({ value, decimals, padStart, padChar, unit, }: FormatNumberArgs) => string;
+export {};
 //# sourceMappingURL=formatNumber.d.ts.map

package/lib/formatNumber.js

@@ -1,13 +1,13 @@
-/**
- * Formats a given number.
- * @param args
- * @returns
- */
-export const formatNumber = ({ value = 0, decimals = 0, padStart = 2, padChar = ` `, unit = "", }) => {
-    const withDecimals = value.toFixed(decimals);
-    const finalPadTo = padStart + (decimals > 0 ? 1 : 0) + decimals;
-    const str = withDecimals.padStart(finalPadTo, padChar);
-    const strWithUnit = unit !== "" ? str + " " + unit : str;
-    return strWithUnit;
-};
+/**
+ * Formats a given number.
+ * @param args
+ * @returns
+ */
+export const formatNumber = ({ value = 0, decimals = 0, padStart = 2, padChar = ` `, unit = "", }) => {
+    const withDecimals = value.toFixed(decimals);
+    const finalPadTo = padStart + (decimals > 0 ? 1 : 0) + decimals;
+    const str = withDecimals.padStart(finalPadTo, padChar);
+    const strWithUnit = unit !== "" ? str + " " + unit : str;
+    return strWithUnit;
+};
 //# sourceMappingURL=formatNumber.js.map

package/lib/hooks/useMeasurementDisplayData.d.ts

@@ -1,15 +1,15 @@
-import { MeasurementsTypes } from "@insync-stageplayer/measurements";
-/**
- * A hook that registers the consuming component in the MeasurementDisplayDataContext.
- * @param measurementId
- * @returns
- */
-export declare const useMeasurementDisplayData: (measurement?: MeasurementsTypes.Measurement) => {
-    loading: boolean;
-    error: Error | undefined;
-    data: {
-        x: number | "NaN";
-        y: number | "NaN";
-    } | undefined;
-};
+import { MeasurementsTypes } from "@insync-stageplayer/measurements";
+/**
+ * A hook that registers the consuming component in the MeasurementDisplayDataContext.
+ * @param measurementId
+ * @returns
+ */
+export declare const useMeasurementDisplayData: (measurement?: MeasurementsTypes.Measurement) => {
+    loading: boolean;
+    error: Error | undefined;
+    data: {
+        x: number | "NaN";
+        y: number | "NaN";
+    } | undefined;
+};
 //# sourceMappingURL=useMeasurementDisplayData.d.ts.map

package/lib/hooks/useMeasurementDisplayData.js

@@ -1,40 +1,40 @@
-import { useContext, useEffect } from "react";
-import { MeasurementDisplayDataContext } from "../components/MeasurementDisplayDataContext";
-import { useTheme } from "@insync-stageplayer/ui-components";
-/**
- * A hook that registers the consuming component in the MeasurementDisplayDataContext.
- * @param measurementId
- * @returns
- */
-export const useMeasurementDisplayData = (measurement) => {
-    const { register, data: allData, loading, error, } = useContext(MeasurementDisplayDataContext);
-    const selectedTheme = useTheme();
-    useEffect(() => {
-        if (!measurement)
-            return;
-        const unregister = register(measurement);
-        return () => {
-            unregister();
-        };
-    }, [register, measurement]);
-    const data = measurement &&
-        allData &&
-        allData[measurement === null || measurement === void 0 ? void 0 : measurement.id] &&
-        allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0]
-        ? selectedTheme.name === "noldus"
-            ? {
-                x: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0][0],
-                y: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0][1],
-            }
-            : {
-                x: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0][0],
-                y: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][1][0],
-            }
-        : undefined;
-    return {
-        loading,
-        error,
-        data,
-    };
-};
+import { useContext, useEffect } from "react";
+import { MeasurementDisplayDataContext } from "../components/MeasurementDisplayDataContext";
+import { useTheme } from "@insync-stageplayer/ui-components";
+/**
+ * A hook that registers the consuming component in the MeasurementDisplayDataContext.
+ * @param measurementId
+ * @returns
+ */
+export const useMeasurementDisplayData = (measurement) => {
+    const { register, data: allData, loading, error, } = useContext(MeasurementDisplayDataContext);
+    const selectedTheme = useTheme();
+    useEffect(() => {
+        if (!measurement)
+            return;
+        const unregister = register(measurement);
+        return () => {
+            unregister();
+        };
+    }, [register, measurement]);
+    const data = measurement &&
+        allData &&
+        allData[measurement === null || measurement === void 0 ? void 0 : measurement.id] &&
+        allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0]
+        ? selectedTheme.name === "noldus"
+            ? {
+                x: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0][0],
+                y: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0][1],
+            }
+            : {
+                x: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][0][0],
+                y: allData[measurement === null || measurement === void 0 ? void 0 : measurement.id][1][0],
+            }
+        : undefined;
+    return {
+        loading,
+        error,
+        data,
+    };
+};
 //# sourceMappingURL=useMeasurementDisplayData.js.map

package/lib/index.d.ts

@@ -1,8 +1,9 @@
-import * as actions from "./redux/actions";
-export * from "./components/AnnotationsModuleProvider";
-export * from "./components/AnnotationsViewer";
-export * from "./redux/reducer";
-export * from "./components/ModalAnnotationEditor";
-export * from "./components/MeasurementDisplayDataProvider";
-export { actions };
+import * as actions from "./redux/actions";
+export * from "./components/AnnotationsModuleProvider";
+export * from "./components/AnnotationsViewer";
+export * from "./redux/reducer";
+export * from "./components/ModalAnnotationEditor";
+export * from "./components/MeasurementDisplayDataProvider";
+export * from "./hooks/useMeasurementDisplayData";
+export { actions };
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAE3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oCAAoC,CAAC;AACnD,cAAc,6CAA6C,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAE3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oCAAoC,CAAC;AACnD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/index.js

@@ -1,8 +1,9 @@
-import * as actions from "./redux/actions";
-export * from "./components/AnnotationsModuleProvider";
-export * from "./components/AnnotationsViewer";
-export * from "./redux/reducer";
-export * from "./components/ModalAnnotationEditor";
-export * from "./components/MeasurementDisplayDataProvider";
-export { actions };
+import * as actions from "./redux/actions";
+export * from "./components/AnnotationsModuleProvider";
+export * from "./components/AnnotationsViewer";
+export * from "./redux/reducer";
+export * from "./components/ModalAnnotationEditor";
+export * from "./components/MeasurementDisplayDataProvider";
+export * from "./hooks/useMeasurementDisplayData";
+export { actions };
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAE3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oCAAoC,CAAC;AACnD,cAAc,6CAA6C,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAE3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oCAAoC,CAAC;AACnD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/redux/actions.d.ts

@@ -1,2 +1,2 @@
-export { editAnnotation, editAnnotationCancel, editAnnotationSubmit, editAnnotationDelete, createAnnotation, createAnnotations, updateAnnotation, deleteAnnotation, } from "./annotations.slice";
+export { editAnnotation, editAnnotationCancel, editAnnotationSubmit, editAnnotationDelete, createAnnotation, createAnnotations, updateAnnotation, deleteAnnotation, } from "./annotations.slice";
 //# sourceMappingURL=actions.d.ts.map

package/lib/redux/actions.js

@@ -1,2 +1,2 @@
-export { editAnnotation, editAnnotationCancel, editAnnotationSubmit, editAnnotationDelete, createAnnotation, createAnnotations, updateAnnotation, deleteAnnotation, } from "./annotations.slice";
+export { editAnnotation, editAnnotationCancel, editAnnotationSubmit, editAnnotationDelete, createAnnotation, createAnnotations, updateAnnotation, deleteAnnotation, } from "./annotations.slice";
 //# sourceMappingURL=actions.js.map

package/lib/redux/annotationEditor.slice.d.ts

@@ -1,38 +1,41 @@
-import { Node } from "slate";
-import { Annotation } from "./annotations.slice";
-declare type EditingAnnotation = Omit<Annotation, "id"> & {
-    id: string | undefined;
-};
-export declare const initEditor: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<Annotation | undefined, string>, updateContent: import("@reduxjs/toolkit").ActionCreatorWithPayload<Node[], string>, pickMeasurement: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, pickMeasurementChoose: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, pickMeasurementSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, pickMeasurementClose: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, pickMeasurementSubmit: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>, pickMeasurementFail: import("@reduxjs/toolkit").ActionCreatorWithPayload<Error, string>, editDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, finishEditingDisplay: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-declare const _default: import("redux").Reducer<{
-    /**
-     * The current annotation being edited.
-     */
-    annotation: EditingAnnotation;
-    /**
-     * The current displays added to the editor. We're tracking this so they can be added or deleted
-     * depending on whether the editor is submitted or cancelled.
-     */
-    displays: {
-        added: string[];
-        deleted: string[];
-    };
-    /**
-     * When set to true, will show a measurement chooser.
-     */
-    pickingMeasurement: boolean;
-    /**
-     * The measurement chosen in the measurement chooser.
-     */
-    chosenMeasurement: string | null;
-    /**
-     * An error that might have ocurred while selecting a measurement.
-     */
-    pickingMeasurementError: Error | null;
-    /**
-     * The MeasurementDisplay currently being editted.
-     */
-    editingMeasurementDisplay: string | null;
-}, import("redux").AnyAction>;
-export default _default;
+import { Reducer } from "redux";
+import { Node } from "slate";
+import { Annotation } from "./annotations.slice";
+declare type EditingAnnotation = Omit<Annotation, "id"> & {
+    id: string | undefined;
+};
+declare const createInitialState: (annotation?: EditingAnnotation) => {
+    /**
+     * The current annotation being edited.
+     */
+    annotation: EditingAnnotation;
+    /**
+     * The current displays added to the editor. We're tracking this so they can be added or deleted
+     * depending on whether the editor is submitted or cancelled.
+     */
+    displays: {
+        added: string[];
+        deleted: string[];
+    };
+    /**
+     * When set to true, will show a measurement chooser.
+     */
+    pickingMeasurement: boolean;
+    /**
+     * The measurement chosen in the measurement chooser.
+     */
+    chosenMeasurement: string | null;
+    /**
+     * An error that might have ocurred while selecting a measurement.
+     */
+    pickingMeasurementError: Error | null;
+    /**
+     * The MeasurementDisplay currently being editted.
+     */
+    editingMeasurementDisplay: string | null;
+};
+export declare const initEditor: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<Annotation | undefined, "annotationEditor/initEditor">, updateContent: import("@reduxjs/toolkit").ActionCreatorWithPayload<Node[], "annotationEditor/updateContent">, pickMeasurement: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"annotationEditor/pickMeasurement">, pickMeasurementChoose: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "annotationEditor/pickMeasurementChoose">, pickMeasurementSuccess: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "annotationEditor/pickMeasurementSuccess">, pickMeasurementClose: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"annotationEditor/pickMeasurementClose">, pickMeasurementSubmit: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"annotationEditor/pickMeasurementSubmit">, pickMeasurementFail: import("@reduxjs/toolkit").ActionCreatorWithPayload<Error, "annotationEditor/pickMeasurementFail">, editDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "annotationEditor/editDisplay">, finishEditingDisplay: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"annotationEditor/finishEditingDisplay">;
+export declare type AnnotationEditorState = ReturnType<typeof createInitialState>;
+declare const annotationEditorReducer: Reducer<AnnotationEditorState>;
+export default annotationEditorReducer;
 //# sourceMappingURL=annotationEditor.slice.d.ts.map