refactor(packages): change package structure

packages/system/src/xypanzoom/utils.ts

@@ -0,0 +1,23 @@
+import { type ZoomTransform, zoomIdentity } from 'd3-zoom';
+
+import { type D3SelectionInstance, type Viewport } from '../types';
+
+export const viewChanged = (prevViewport: Viewport, eventViewport: any): boolean =>
+  prevViewport.x !== eventViewport.x || prevViewport.y !== eventViewport.y || prevViewport.zoom !== eventViewport.k;
+
+export const transformToViewport = (transform: ZoomTransform): Viewport => ({
+  x: transform.x,
+  y: transform.y,
+  zoom: transform.k,
+});
+
+export const viewportToTransform = ({ x, y, zoom }: Viewport): ZoomTransform =>
+  zoomIdentity.translate(x, y).scale(zoom);
+
+export const isWrappedWithClass = (event: any, className: string | undefined) => event.target.closest(`.${className}`);
+
+export const isRightClickPan = (panOnDrag: boolean | number[], usedButton: number) =>
+  usedButton === 2 && Array.isArray(panOnDrag) && panOnDrag.includes(2);
+
+export const getD3Transition = (selection: D3SelectionInstance, duration = 0) =>
+  typeof duration === 'number' && duration > 0 ? selection.transition().duration(duration) : selection;