@insync-stageplayer/annotations 0.5.32 → 0.5.35-beta.1

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

package/lib/useBoundingRect.js

@@ -1,28 +1,28 @@
-import { useRef, useEffect, useCallback, useState } from "react";
-/**
- * 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 const useBoundingRect = () => {
-    const resizeObserver = useRef();
-    const [boundingRect, setBoundingRect] = useState();
-    useEffect(() => () => {
-        if (resizeObserver.current != undefined)
-            resizeObserver.current.disconnect();
-        resizeObserver.current = undefined;
-    }, []);
-    const ref = useCallback((node) => {
-        if (!node || !node.getBoundingClientRect)
-            return;
-        if (resizeObserver.current) {
-            resizeObserver.current.disconnect();
-            resizeObserver.current = undefined;
-        }
-        resizeObserver.current = new ResizeObserver(() => {
-            setBoundingRect(node.getBoundingClientRect());
-        });
-        resizeObserver.current.observe(node);
-    }, []);
-    return [ref, boundingRect];
-};
+import { useRef, useEffect, useCallback, useState } from "react";
+/**
+ * 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 const useBoundingRect = () => {
+    const resizeObserver = useRef();
+    const [boundingRect, setBoundingRect] = useState();
+    useEffect(() => () => {
+        if (resizeObserver.current != undefined)
+            resizeObserver.current.disconnect();
+        resizeObserver.current = undefined;
+    }, []);
+    const ref = useCallback((node) => {
+        if (!node || !node.getBoundingClientRect)
+            return;
+        if (resizeObserver.current) {
+            resizeObserver.current.disconnect();
+            resizeObserver.current = undefined;
+        }
+        resizeObserver.current = new ResizeObserver(() => {
+            setBoundingRect(node.getBoundingClientRect());
+        });
+        resizeObserver.current.observe(node);
+    }, []);
+    return [ref, boundingRect];
+};
 //# sourceMappingURL=useBoundingRect.js.map

package/lib/util.d.ts

@@ -1,6 +1,6 @@
-/**
- * Creates a unique id.
- * @returns
- */
-export declare const createId: () => string;
+/**
+ * Creates a unique id.
+ * @returns
+ */
+export declare const createId: () => string;
 //# sourceMappingURL=util.d.ts.map

package/lib/util.js

@@ -1,8 +1,8 @@
-/**
- * Creates a unique id.
- * @returns
- */
-export const createId = () => {
-    return "_" + Math.random().toString(36).substr(2, 9);
-};
+/**
+ * Creates a unique id.
+ * @returns
+ */
+export const createId = () => {
+    return "_" + Math.random().toString(36).substr(2, 9);
+};
 //# sourceMappingURL=util.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insync-stageplayer/annotations",
-  "version": "0.5.32",
+  "version": "0.5.35-beta.1",
   "description": "Annotations module for stageplayer",
   "author": "David Ammeraal <david.ammeraal@gmail.com>",
   "homepage": "https://github.com/Noterik/insync-stageplayer#readme",
@@ -32,9 +32,9 @@
     "url": "https://github.com/Noterik/insync-stageplayer/issues"
   },
   "dependencies": {
-    "@insync-stageplayer/measurements": "^0.5.32",
-    "@insync-stageplayer/time": "^0.5.9",
-    "@insync-stageplayer/ui-components": "^0.5.32",
+    "@insync-stageplayer/measurements": "^0.5.35-beta.1",
+    "@insync-stageplayer/time": "^0.5.35-beta.1",
+    "@insync-stageplayer/ui-components": "^0.5.35-beta.1",
     "@reduxjs/toolkit": "^1.5.0",
     "@types/deep-diff": "^1.0.0",
     "classnames": "^2.3.1",
@@ -52,5 +52,5 @@
   "devDependencies": {
     "rxjs": "^6.6.6"
   },
-  "gitHead": "af2aa380799e46fa98a543665f1cb0e441d424f6"
+  "gitHead": "fe08aec602a5b4c25ca1e115631381501d16f9d4"
 }