typo: dimentions should be dimensions

web/libs/editor/src/components/VideoCanvas/VideoCanvas.tsx

@@ -35,7 +35,7 @@ type VideoProps = {
   onLoad?: (data: VideoRef) => void;
   onFrameChange?: (frame: number, length: number) => void;
   onEnded?: () => void;
-  onResize?: (dimensions: VideoDimentions) => void;
+  onResize?: (dimensions: VideoDimensions) => void;
   onError?: (error: any) => void;
 };
 
@@ -44,7 +44,7 @@ type PanOptions = {
   y: number;
 };
 
-type VideoDimentions = {
+type VideoDimensions = {
   width: number;
   height: number;
   ratio: number;
@@ -110,7 +110,7 @@ export const VideoCanvas = memo(
     const [zoom, setZoom] = useState(props.zoom ?? 1);
     const [pan, setPan] = useState<PanOptions>(props.pan ?? { x: 0, y: 0 });
 
-    const [videoDimensions, setVideoDimensions] = useState<VideoDimentions>({ width: 0, height: 0, ratio: 1 });
+    const [videoDimensions, setVideoDimensions] = useState<VideoDimensions>({ width: 0, height: 0, ratio: 1 });
 
     const [contrast, setContrast] = useState(1);
     const [brightness, setBrightness] = useState(1);

web/libs/editor/src/mixins/DrawingTool.js

@@ -52,7 +52,7 @@ const DrawingTool = types
         return !self.isDrawing && !self.annotation.isReadOnly();
       },
       get defaultDimensions() {
-        console.warn("Drawing tool model needs to implement defaultDimentions getter in views");
+        console.warn("Drawing tool model needs to implement defaultDimensions getter in views");
         return {};
       },
       get MIN_SIZE() {

web/libs/editor/src/tags/object/Video/HtxVideo.jsx

@@ -26,12 +26,12 @@ import { VideoRegions } from "./VideoRegions";
 
 const isFFDev2715 = isFF(FF_DEV_2715);
 
-function useZoom(videoDimensions, canvasDimentions, shouldClampPan) {
+function useZoom(videoDimensions, canvasDimensions, shouldClampPan) {
   const [zoomState, setZoomState] = useState({ zoom: 1, pan: { x: 0, y: 0 } });
   const data = useRef({});
 
   data.current.video = videoDimensions;
-  data.current.canvas = canvasDimentions;
+  data.current.canvas = canvasDimensions;
   data.current.shouldClampPan = shouldClampPan;
 
   const clampPan = useCallback((pan, zoom) => {

web/libs/editor/src/tags/object/Video/Rectangle.tsx

@@ -3,7 +3,7 @@ import { observer } from "mobx-react";
 import { type FC, useMemo } from "react";
 import { Group, Rect } from "react-konva";
 import { useRegionStyles } from "../../../hooks/useRegionColor";
-import { getNodeAbsoluteDimensions, normalizeNodeDimentions } from "./tools";
+import { getNodeAbsoluteDimensions, normalizeNodeDimensions } from "./tools";
 import type { WorkingArea } from "./types";
 import { LabelOnVideoBbox } from "../../../components/ImageView/LabelOnRegion";
 
@@ -55,7 +55,7 @@ const RectanglePure: FC<RectProps> = ({
   };
 
   const onTransform = (e: KonvaEventObject<Event>) => {
-    normalizeNodeDimentions(e.target, "rect");
+    normalizeNodeDimensions(e.target, "rect");
   };
 
   return (

web/libs/editor/src/tags/object/Video/tools.ts

@@ -15,7 +15,7 @@ export const getNodeAbsoluteDimensions = (node: KonvaNode, workingArea: WorkingA
   return result;
 };
 
-export const normalizeNodeDimentions = <T extends KonvaNode>(node: T, shapeType: "rect") => {
+export const normalizeNodeDimensions = <T extends KonvaNode>(node: T, shapeType: "rect") => {
   const scaleX = node.scaleX();
   const scaleY = node.scaleY();