@insync-stageplayer/annotations 0.4.7 → 0.4.8

package/lib/redux/annotations.slice.js

@@ -1,66 +1,66 @@
-import { isPosition2D, isUnknownObject, } from "@insync-stageplayer/common";
-import { createEntityAdapter, createSlice, } from "@reduxjs/toolkit";
-/**
- * Checks if an argument is a valid annotation.
- * @param arg
- * @returns
- */
-export function isAnnotation(arg) {
-    return (isUnknownObject(arg) &&
-        typeof arg.id === "string" &&
-        Array.isArray(arg.content) &&
-        isPosition2D(arg.position));
-}
-/**
- * Please read up https://redux-toolkit.js.org/usage/usage-with-typescript#createentityadapter to understand what this is.
- */
-export const annotationsAdapter = createEntityAdapter();
-const defaultAnnotation = {
-    /**
-     * Place the annotation in the center of the plane.
-     */
-    position: {
-        x: 0.5,
-        y: 0.5,
-    },
-    content: [
-        {
-            type: "paragraph",
-            children: [{ text: "" }],
-        },
-    ],
-};
-const annotationsSlice = createSlice({
-    name: "annotations",
-    initialState: annotationsAdapter.getInitialState({
-        editingAnnotation: undefined,
-    }),
-    reducers: {
-        createAnnotations: annotationsAdapter.addMany,
-        updateAnnotation: annotationsAdapter.updateOne,
-        deleteAnnotation: annotationsAdapter.removeOne,
-        createAnnotation: (state, action) => {
-            annotationsAdapter.addOne(state, Object.assign({ id: action.payload }, defaultAnnotation));
-            state.editingAnnotation = action.payload;
-        },
-        editAnnotation: (state, action) => {
-            state.editingAnnotation = action.payload;
-        },
-        editAnnotationCancel: (state) => {
-            state.editingAnnotation = undefined;
-        },
-        editAnnotationSubmit: (state, action) => {
-            annotationsAdapter.upsertOne(state, action);
-            state.editingAnnotation = undefined;
-        },
-        editAnnotationDelete: (state) => {
-            if (state.editingAnnotation) {
-                annotationsAdapter.removeOne(state, state.editingAnnotation);
-            }
-            state.editingAnnotation = undefined;
-        },
-    },
-});
-export const { editAnnotation, editAnnotationCancel, editAnnotationSubmit, editAnnotationDelete, createAnnotation, createAnnotations, updateAnnotation, deleteAnnotation, } = annotationsSlice.actions;
-export default annotationsSlice.reducer;
+import { isPosition2D, isUnknownObject, } from "@insync-stageplayer/common";
+import { createEntityAdapter, createSlice, } from "@reduxjs/toolkit";
+/**
+ * Checks if an argument is a valid annotation.
+ * @param arg
+ * @returns
+ */
+export function isAnnotation(arg) {
+    return (isUnknownObject(arg) &&
+        typeof arg.id === "string" &&
+        Array.isArray(arg.content) &&
+        isPosition2D(arg.position));
+}
+/**
+ * Please read up https://redux-toolkit.js.org/usage/usage-with-typescript#createentityadapter to understand what this is.
+ */
+export const annotationsAdapter = createEntityAdapter();
+const defaultAnnotation = {
+    /**
+     * Place the annotation in the center of the plane.
+     */
+    position: {
+        x: 0.5,
+        y: 0.5,
+    },
+    content: [
+        {
+            type: "paragraph",
+            children: [{ text: "" }],
+        },
+    ],
+};
+const annotationsSlice = createSlice({
+    name: "annotations",
+    initialState: annotationsAdapter.getInitialState({
+        editingAnnotation: undefined,
+    }),
+    reducers: {
+        createAnnotations: annotationsAdapter.addMany,
+        updateAnnotation: annotationsAdapter.updateOne,
+        deleteAnnotation: annotationsAdapter.removeOne,
+        createAnnotation: (state, action) => {
+            annotationsAdapter.addOne(state, Object.assign({ id: action.payload }, defaultAnnotation));
+            state.editingAnnotation = action.payload;
+        },
+        editAnnotation: (state, action) => {
+            state.editingAnnotation = action.payload;
+        },
+        editAnnotationCancel: (state) => {
+            state.editingAnnotation = undefined;
+        },
+        editAnnotationSubmit: (state, action) => {
+            annotationsAdapter.upsertOne(state, action);
+            state.editingAnnotation = undefined;
+        },
+        editAnnotationDelete: (state) => {
+            if (state.editingAnnotation) {
+                annotationsAdapter.removeOne(state, state.editingAnnotation);
+            }
+            state.editingAnnotation = undefined;
+        },
+    },
+});
+export const { editAnnotation, editAnnotationCancel, editAnnotationSubmit, editAnnotationDelete, createAnnotation, createAnnotations, updateAnnotation, deleteAnnotation, } = annotationsSlice.actions;
+export default annotationsSlice.reducer;
 //# sourceMappingURL=annotations.slice.js.map

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

@@ -1,26 +1,26 @@
-declare const initialState: {
-    editingDisplay: string | undefined;
-    /**
-     * Keeps track of the displays we deleted, if the form is submitted, we can delete these.
-     */
-    deletedDisplays: string[];
-    /**
-     * Keeps track of displays we created, if the form is cancelled, we can remove all created displays.
-     */
-    createdDisplays: string[];
-};
-export declare const editMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, finishEditMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
-export declare type MeasurementDisplayEditorState = typeof initialState;
-declare const _default: import("redux").Reducer<{
-    editingDisplay: string | undefined;
-    /**
-     * Keeps track of the displays we deleted, if the form is submitted, we can delete these.
-     */
-    deletedDisplays: string[];
-    /**
-     * Keeps track of displays we created, if the form is cancelled, we can remove all created displays.
-     */
-    createdDisplays: string[];
-}, import("redux").AnyAction>;
-export default _default;
+declare const initialState: {
+    editingDisplay: string | undefined;
+    /**
+     * Keeps track of the displays we deleted, if the form is submitted, we can delete these.
+     */
+    deletedDisplays: string[];
+    /**
+     * Keeps track of displays we created, if the form is cancelled, we can remove all created displays.
+     */
+    createdDisplays: string[];
+};
+export declare const editMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, string>, finishEditMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare type MeasurementDisplayEditorState = typeof initialState;
+declare const _default: import("redux").Reducer<{
+    editingDisplay: string | undefined;
+    /**
+     * Keeps track of the displays we deleted, if the form is submitted, we can delete these.
+     */
+    deletedDisplays: string[];
+    /**
+     * Keeps track of displays we created, if the form is cancelled, we can remove all created displays.
+     */
+    createdDisplays: string[];
+}, import("redux").AnyAction>;
+export default _default;
 //# sourceMappingURL=measurementDisplayEditor.slice.d.ts.map

package/lib/redux/measurementDisplayEditor.slice.js

@@ -1,37 +1,37 @@
-import { createSlice } from "@reduxjs/toolkit";
-const initialState = {
-    editingDisplay: undefined,
-    /**
-     * Keeps track of the displays we deleted, if the form is submitted, we can delete these.
-     */
-    deletedDisplays: [],
-    /**
-     * Keeps track of displays we created, if the form is cancelled, we can remove all created displays.
-     */
-    createdDisplays: [],
-};
-const measurementDisplayEditorSlice = createSlice({
-    name: "measurementDisplayEditor",
-    initialState,
-    reducers: {
-        editMeasurementDisplay: (state, action) => {
-            state.editingDisplay = action.payload;
-        },
-        deleteMeasurementDisplay: (state, action) => {
-            state.deletedDisplays.push(action.payload);
-        },
-        finishEditMeasurementDisplay: (state) => {
-            state.editingDisplay = undefined;
-        },
-    },
-    extraReducers: (builder) => {
-        /*
-        builder.addCase(finishEditAnnotation, (state, action) => {
-          state.editingDisplay = undefined;
-        });
-        */
-    },
-});
-export const { editMeasurementDisplay, finishEditMeasurementDisplay } = measurementDisplayEditorSlice.actions;
-export default measurementDisplayEditorSlice.reducer;
+import { createSlice } from "@reduxjs/toolkit";
+const initialState = {
+    editingDisplay: undefined,
+    /**
+     * Keeps track of the displays we deleted, if the form is submitted, we can delete these.
+     */
+    deletedDisplays: [],
+    /**
+     * Keeps track of displays we created, if the form is cancelled, we can remove all created displays.
+     */
+    createdDisplays: [],
+};
+const measurementDisplayEditorSlice = createSlice({
+    name: "measurementDisplayEditor",
+    initialState,
+    reducers: {
+        editMeasurementDisplay: (state, action) => {
+            state.editingDisplay = action.payload;
+        },
+        deleteMeasurementDisplay: (state, action) => {
+            state.deletedDisplays.push(action.payload);
+        },
+        finishEditMeasurementDisplay: (state) => {
+            state.editingDisplay = undefined;
+        },
+    },
+    extraReducers: (builder) => {
+        /*
+        builder.addCase(finishEditAnnotation, (state, action) => {
+          state.editingDisplay = undefined;
+        });
+        */
+    },
+});
+export const { editMeasurementDisplay, finishEditMeasurementDisplay } = measurementDisplayEditorSlice.actions;
+export default measurementDisplayEditorSlice.reducer;
 //# sourceMappingURL=measurementDisplayEditor.slice.js.map

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

@@ -1,26 +1,26 @@
-/**
- * An annotation that can be placed on a 2D surface
- */
-export declare type MeasurementDisplay = {
-    /**
-     * Id of
-     */
-    id: string;
-    showX: boolean;
-    showY: boolean;
-    showSignal: boolean;
-    showSigColor: boolean;
-    padXTo?: number;
-    padXChar?: string;
-    padYTo?: number;
-    padYChar?: string;
-    decimalsX?: number;
-    decimalsY?: number;
-    measurementId: string;
-};
-export declare const measurementDisplaysAdapter: import("@reduxjs/toolkit").EntityAdapter<MeasurementDisplay>;
-export declare const selectAllMeasurementDisplays: MeasurementDisplay[];
-export declare const createMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<MeasurementDisplay, string>, updateMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("@reduxjs/toolkit").Update<MeasurementDisplay>, string>, deleteMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("@reduxjs/toolkit").EntityId, string>, deleteMeasurementDisplays: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("@reduxjs/toolkit").EntityId[], string>;
-declare const _default: import("redux").Reducer<import("@reduxjs/toolkit").EntityState<MeasurementDisplay>, import("redux").AnyAction>;
-export default _default;
+/**
+ * An annotation that can be placed on a 2D surface
+ */
+export declare type MeasurementDisplay = {
+    /**
+     * Id of
+     */
+    id: string;
+    showX: boolean;
+    showY: boolean;
+    showSignal: boolean;
+    showSigColor: boolean;
+    padXTo?: number;
+    padXChar?: string;
+    padYTo?: number;
+    padYChar?: string;
+    decimalsX?: number;
+    decimalsY?: number;
+    measurementId: string;
+};
+export declare const measurementDisplaysAdapter: import("@reduxjs/toolkit").EntityAdapter<MeasurementDisplay>;
+export declare const selectAllMeasurementDisplays: MeasurementDisplay[];
+export declare const createMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<MeasurementDisplay, string>, updateMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("@reduxjs/toolkit").Update<MeasurementDisplay>, string>, deleteMeasurementDisplay: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("@reduxjs/toolkit").EntityId, string>, deleteMeasurementDisplays: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("@reduxjs/toolkit").EntityId[], string>;
+declare const _default: import("redux").Reducer<import("@reduxjs/toolkit").EntityState<MeasurementDisplay>, import("redux").AnyAction>;
+export default _default;
 //# sourceMappingURL=measurementDisplays.slice.d.ts.map

package/lib/redux/measurementDisplays.slice.js

@@ -1,23 +1,23 @@
-import { createEntityAdapter, createSlice, configureStore, } from "@reduxjs/toolkit";
-export const measurementDisplaysAdapter = createEntityAdapter();
-const measurementDisplaysSlice = createSlice({
-    name: "measurementDisplays",
-    initialState: measurementDisplaysAdapter.getInitialState(),
-    reducers: {
-        createMeasurementDisplay: measurementDisplaysAdapter.addOne,
-        updateMeasurementDisplay: measurementDisplaysAdapter.updateOne,
-        deleteMeasurementDisplay: measurementDisplaysAdapter.removeOne,
-        deleteMeasurementDisplays: measurementDisplaysAdapter.removeMany,
-    },
-});
-const store = configureStore({
-    reducer: {
-        measurementDisplays: measurementDisplaysSlice.reducer,
-    },
-});
-const measurementDisplaySelectors = measurementDisplaysAdapter.getSelectors((state) => state.measurementDisplays);
-// And then use the selectors to retrieve values
-export const selectAllMeasurementDisplays = measurementDisplaySelectors.selectAll(store.getState());
-export const { createMeasurementDisplay, updateMeasurementDisplay, deleteMeasurementDisplay, deleteMeasurementDisplays, } = measurementDisplaysSlice.actions;
-export default measurementDisplaysSlice.reducer;
+import { createEntityAdapter, createSlice, configureStore, } from "@reduxjs/toolkit";
+export const measurementDisplaysAdapter = createEntityAdapter();
+const measurementDisplaysSlice = createSlice({
+    name: "measurementDisplays",
+    initialState: measurementDisplaysAdapter.getInitialState(),
+    reducers: {
+        createMeasurementDisplay: measurementDisplaysAdapter.addOne,
+        updateMeasurementDisplay: measurementDisplaysAdapter.updateOne,
+        deleteMeasurementDisplay: measurementDisplaysAdapter.removeOne,
+        deleteMeasurementDisplays: measurementDisplaysAdapter.removeMany,
+    },
+});
+const store = configureStore({
+    reducer: {
+        measurementDisplays: measurementDisplaysSlice.reducer,
+    },
+});
+const measurementDisplaySelectors = measurementDisplaysAdapter.getSelectors((state) => state.measurementDisplays);
+// And then use the selectors to retrieve values
+export const selectAllMeasurementDisplays = measurementDisplaySelectors.selectAll(store.getState());
+export const { createMeasurementDisplay, updateMeasurementDisplay, deleteMeasurementDisplay, deleteMeasurementDisplays, } = measurementDisplaysSlice.actions;
+export default measurementDisplaysSlice.reducer;
 //# sourceMappingURL=measurementDisplays.slice.js.map

package/lib/redux/reducer.d.ts

@@ -1,52 +1,52 @@
-import { Annotation } from "./annotations.slice";
-export declare type AnnotationsModuleState = ReturnType<typeof slicesReducer>;
-declare const slicesReducer: import("redux").Reducer<import("redux").CombinedState<{
-    annotations: import("@reduxjs/toolkit").EntityState<Annotation> & {
-        editingAnnotation: string | undefined;
-    };
-    measurementDisplays: import("@reduxjs/toolkit").EntityState<import("./measurementDisplays.slice").MeasurementDisplay>;
-    annotationEditor: {
-        annotation: Omit<Annotation, "id"> & {
-            id: string | undefined;
-        };
-        displays: {
-            added: string[];
-            deleted: string[];
-        };
-        pickingMeasurement: boolean;
-        chosenMeasurement: string | null;
-        pickingMeasurementError: Error | null;
-        editingMeasurementDisplay: string | null;
-    };
-    measurementDisplayEditor: {
-        editingDisplay: string | undefined;
-        deletedDisplays: string[];
-        createdDisplays: string[];
-    };
-}>, import("redux").AnyAction>;
-export declare const annotationsModuleReducer: import("reduce-reducers").Reducer<import("redux").CombinedState<{
-    annotations: import("@reduxjs/toolkit").EntityState<Annotation> & {
-        editingAnnotation: string | undefined;
-    };
-    measurementDisplays: import("@reduxjs/toolkit").EntityState<import("./measurementDisplays.slice").MeasurementDisplay>;
-    annotationEditor: {
-        annotation: Omit<Annotation, "id"> & {
-            id: string | undefined;
-        };
-        displays: {
-            added: string[];
-            deleted: string[];
-        };
-        pickingMeasurement: boolean;
-        chosenMeasurement: string | null;
-        pickingMeasurementError: Error | null;
-        editingMeasurementDisplay: string | null;
-    };
-    measurementDisplayEditor: {
-        editingDisplay: string | undefined;
-        deletedDisplays: string[];
-        createdDisplays: string[];
-    };
-}>>;
-export {};
+import { Annotation } from "./annotations.slice";
+export declare type AnnotationsModuleState = ReturnType<typeof slicesReducer>;
+declare const slicesReducer: import("redux").Reducer<import("redux").CombinedState<{
+    annotations: import("@reduxjs/toolkit").EntityState<Annotation> & {
+        editingAnnotation: string | undefined;
+    };
+    measurementDisplays: import("@reduxjs/toolkit").EntityState<import("./measurementDisplays.slice").MeasurementDisplay>;
+    annotationEditor: {
+        annotation: Omit<Annotation, "id"> & {
+            id: string | undefined;
+        };
+        displays: {
+            added: string[];
+            deleted: string[];
+        };
+        pickingMeasurement: boolean;
+        chosenMeasurement: string | null;
+        pickingMeasurementError: Error | null;
+        editingMeasurementDisplay: string | null;
+    };
+    measurementDisplayEditor: {
+        editingDisplay: string | undefined;
+        deletedDisplays: string[];
+        createdDisplays: string[];
+    };
+}>, import("redux").AnyAction>;
+export declare const annotationsModuleReducer: import("reduce-reducers").Reducer<import("redux").CombinedState<{
+    annotations: import("@reduxjs/toolkit").EntityState<Annotation> & {
+        editingAnnotation: string | undefined;
+    };
+    measurementDisplays: import("@reduxjs/toolkit").EntityState<import("./measurementDisplays.slice").MeasurementDisplay>;
+    annotationEditor: {
+        annotation: Omit<Annotation, "id"> & {
+            id: string | undefined;
+        };
+        displays: {
+            added: string[];
+            deleted: string[];
+        };
+        pickingMeasurement: boolean;
+        chosenMeasurement: string | null;
+        pickingMeasurementError: Error | null;
+        editingMeasurementDisplay: string | null;
+    };
+    measurementDisplayEditor: {
+        editingDisplay: string | undefined;
+        deletedDisplays: string[];
+        createdDisplays: string[];
+    };
+}>>;
+export {};
 //# sourceMappingURL=reducer.d.ts.map

package/lib/redux/reducer.js

@@ -1,66 +1,66 @@
-import { combineReducers } from "redux";
-import { createReducer } from "@reduxjs/toolkit";
-import reduceReducers from "reduce-reducers";
-import annotationEditorSlice from "./annotationEditor.slice";
-import annotationsSlice, { editAnnotationCancel, editAnnotationDelete, editAnnotationSubmit, } from "./annotations.slice";
-import measurementDisplayEditorSlice from "./measurementDisplayEditor.slice";
-import measurementDisplaysSlice, { measurementDisplaysAdapter, } from "./measurementDisplays.slice";
-const slicesReducer = combineReducers({
-    annotations: annotationsSlice,
-    measurementDisplays: measurementDisplaysSlice,
-    annotationEditor: annotationEditorSlice,
-    measurementDisplayEditor: measurementDisplayEditorSlice,
-});
-/**
- * An annotation can contain measurementDisplay elements in its content. The content consists of SlateJS nodes which
- * is a nested structure. This function returns a list of all measurementDisplays contained in this annotation.
- * @param annotation
- * @returns The ids of the measurementDisplays contained in this Annotation.
- */
-const getMeasurementDisplaysForAnnotation = (annotation) => {
-    // The recursive function that goes through the nodes.
-    const go = (node) => {
-        if (node.type === "measurementDisplay") {
-            return [node.measurementDisplayId];
-        }
-        if (Array.isArray(node.children)) {
-            return node.children.reduce((acc, c) => [...acc, ...go(c)], []);
-        }
-        return [];
-    };
-    // Transforming the Annotation to a SlateJS node.
-    return go({ children: annotation.content });
-};
-/**
- * This reducer is in charge of cascading changes between entities.
- */
-const moduleReducer = createReducer({}, (builder) => {
-    // When editing an annotation is canceled, any added measurement displays during editing should be deleted
-    builder.addCase(editAnnotationCancel, (state) => {
-        if (state.annotationEditor.displays.added.length > 0) {
-            measurementDisplaysAdapter.removeMany(state.measurementDisplays, state.annotationEditor.displays.added);
-        }
-    });
-    //When submitting an annotation after editing, any deletions of measurement displays during editing should be persisted.
-    builder.addCase(editAnnotationSubmit, (state) => {
-        if (state.annotationEditor.displays.deleted.length > 0) {
-            measurementDisplaysAdapter.removeMany(state.measurementDisplays, state.annotationEditor.displays.deleted);
-        }
-    });
-    // When an annotation is deleted, any measurement displays associated with it should also be deleted.
-    builder.addCase(editAnnotationDelete, (state) => {
-        if (!state.annotations.editingAnnotation)
-            return;
-        const annotation = state.annotations.entities[state.annotations.editingAnnotation];
-        if (!annotation)
-            return;
-        const annotationDisplays = getMeasurementDisplaysForAnnotation(annotation);
-        const allDisplays = [
-            ...state.annotationEditor.displays.added,
-            ...annotationDisplays,
-        ];
-        measurementDisplaysAdapter.removeMany(state.measurementDisplays, allDisplays);
-    });
-});
-export const annotationsModuleReducer = reduceReducers(moduleReducer, slicesReducer);
+import { combineReducers } from "redux";
+import { createReducer } from "@reduxjs/toolkit";
+import reduceReducers from "reduce-reducers";
+import annotationEditorSlice from "./annotationEditor.slice";
+import annotationsSlice, { editAnnotationCancel, editAnnotationDelete, editAnnotationSubmit, } from "./annotations.slice";
+import measurementDisplayEditorSlice from "./measurementDisplayEditor.slice";
+import measurementDisplaysSlice, { measurementDisplaysAdapter, } from "./measurementDisplays.slice";
+const slicesReducer = combineReducers({
+    annotations: annotationsSlice,
+    measurementDisplays: measurementDisplaysSlice,
+    annotationEditor: annotationEditorSlice,
+    measurementDisplayEditor: measurementDisplayEditorSlice,
+});
+/**
+ * An annotation can contain measurementDisplay elements in its content. The content consists of SlateJS nodes which
+ * is a nested structure. This function returns a list of all measurementDisplays contained in this annotation.
+ * @param annotation
+ * @returns The ids of the measurementDisplays contained in this Annotation.
+ */
+const getMeasurementDisplaysForAnnotation = (annotation) => {
+    // The recursive function that goes through the nodes.
+    const go = (node) => {
+        if (node.type === "measurementDisplay") {
+            return [node.measurementDisplayId];
+        }
+        if (Array.isArray(node.children)) {
+            return node.children.reduce((acc, c) => [...acc, ...go(c)], []);
+        }
+        return [];
+    };
+    // Transforming the Annotation to a SlateJS node.
+    return go({ children: annotation.content });
+};
+/**
+ * This reducer is in charge of cascading changes between entities.
+ */
+const moduleReducer = createReducer({}, (builder) => {
+    // When editing an annotation is canceled, any added measurement displays during editing should be deleted
+    builder.addCase(editAnnotationCancel, (state) => {
+        if (state.annotationEditor.displays.added.length > 0) {
+            measurementDisplaysAdapter.removeMany(state.measurementDisplays, state.annotationEditor.displays.added);
+        }
+    });
+    //When submitting an annotation after editing, any deletions of measurement displays during editing should be persisted.
+    builder.addCase(editAnnotationSubmit, (state) => {
+        if (state.annotationEditor.displays.deleted.length > 0) {
+            measurementDisplaysAdapter.removeMany(state.measurementDisplays, state.annotationEditor.displays.deleted);
+        }
+    });
+    // When an annotation is deleted, any measurement displays associated with it should also be deleted.
+    builder.addCase(editAnnotationDelete, (state) => {
+        if (!state.annotations.editingAnnotation)
+            return;
+        const annotation = state.annotations.entities[state.annotations.editingAnnotation];
+        if (!annotation)
+            return;
+        const annotationDisplays = getMeasurementDisplaysForAnnotation(annotation);
+        const allDisplays = [
+            ...state.annotationEditor.displays.added,
+            ...annotationDisplays,
+        ];
+        measurementDisplaysAdapter.removeMany(state.measurementDisplays, allDisplays);
+    });
+});
+export const annotationsModuleReducer = reduceReducers(moduleReducer, slicesReducer);
 //# sourceMappingURL=reducer.js.map

package/lib/useBoundingRect.d.ts

@@ -1,9 +1,9 @@
-declare type MeasureCallback = (el: HTMLElement | null) => void;
-declare type UseMeasureHookValue = [MeasureCallback, DOMRect | undefined];
-/**
- * React hook that uses ResizeObserver to keep track of size of element.
- * @returns  An array that with a callback to pass element, and the ClientRect for that element with it's current size.
- */
-export declare const useBoundingRect: () => UseMeasureHookValue;
-export {};
+declare type MeasureCallback = (el: HTMLElement | null) => void;
+declare type UseMeasureHookValue = [MeasureCallback, DOMRect | undefined];
+/**
+ * React hook that uses ResizeObserver to keep track of size of element.
+ * @returns  An array that with a callback to pass element, and the ClientRect for that element with it's current size.
+ */
+export declare const useBoundingRect: () => UseMeasureHookValue;
+export {};
 //# sourceMappingURL=useBoundingRect.d.ts.map