chore(node-resizer): cleanup

packages/system/src/types/utils.ts

@@ -1,5 +1,3 @@
-import type { Optional } from '../utils/types';
-
 export enum Position {
   Left = 'left',
   Top = 'top',

packages/system/src/xyresizer/XYResizer.ts

@@ -2,7 +2,7 @@ import { drag } from 'd3-drag';
 import { select } from 'd3-selection';
 
 import { NodeLookup, Transform } from '../types';
-import { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, XYResizerControlPosition } from './types';
+import { OnResize, OnResizeEnd, OnResizeStart, ResizeDragEvent, ShouldResize, ControlPosition } from './types';
 import { getControlDirection, getDimensionsAfterResize, getPositionAfterResize, getResizeDirection } from './utils';
 import { getPointerPosition } from '../utils';
 
@@ -51,7 +51,7 @@ type XYResizerParams = {
 };
 
 type XYResizerUpdateParams = {
-  controlPosition: XYResizerControlPosition;
+  controlPosition: ControlPosition;
   boundries: {
     minWidth: number;
     minHeight: number;

packages/system/src/xyresizer/types.ts

@@ -11,27 +11,17 @@ export type XYResizerParamsWithDirection = XYResizerParams & {
   direction: number[];
 };
 
-export type XYResizerControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
+export type ControlLinePosition = 'top' | 'bottom' | 'left' | 'right';
 
-export type XYResizerControlPosition =
-  | XYResizerControlLinePosition
-  | 'top-left'
-  | 'top-right'
-  | 'bottom-left'
-  | 'bottom-right';
+export type ControlPosition = ControlLinePosition | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 
-export enum ResizerControlVariant {
+export enum ResizeControlVariant {
   Line = 'line',
   Handle = 'handle',
 }
 
-export const XY_RESIZER_HANDLE_POSITIONS: XYResizerControlPosition[] = [
-  'top-left',
-  'top-right',
-  'bottom-left',
-  'bottom-right',
-];
-export const XY_RESIZER_LINE_POSITIONS: XYResizerControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
+export const XY_RESIZER_HANDLE_POSITIONS: ControlPosition[] = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+export const XY_RESIZER_LINE_POSITIONS: ControlLinePosition[] = ['top', 'right', 'bottom', 'left'];
 
 type OnResizeHandler<Params = XYResizerParams, Result = void> = (event: ResizeDragEvent, params: Params) => Result;
 export type ResizeDragEvent = D3DragEvent<HTMLDivElement, null, SubjectPosition>;

packages/system/src/xyresizer/utils.ts

@@ -1,5 +1,5 @@
 import { clamp, getPointerPosition } from '../utils';
-import { XYResizerControlPosition } from './types';
+import { ControlPosition } from './types';
 
 type GetResizeDirectionParams = {
   width: number;
@@ -48,7 +48,7 @@ export function getResizeDirection({
  * @param controlPosition - position of the control that is being dragged
  * @returns isHorizontal, isVertical, affectsX, affectsY,
  */
-export function getControlDirection(controlPosition: XYResizerControlPosition) {
+export function getControlDirection(controlPosition: ControlPosition) {
   const isHorizontal = controlPosition.includes('right') || controlPosition.includes('left');
   const isVertical = controlPosition.includes('bottom') || controlPosition.includes('top');
   const affectsX = controlPosition.includes('left');