Moved ContainerModel to Interfaces + replace all components to purecomponent (#12)

Reviewed-on: https://git.siklos-chaneru.duckdns.org/Siklos/svg-layout-designer-react/pulls/12

src/Interfaces/ContainerModel.ts

@@ -0,0 +1,90 @@
+import Properties from './Properties';
+
+export interface IContainerModel {
+  children: IContainerModel[],
+  parent: IContainerModel | null,
+  properties: Properties,
+  userData: Record<string, string | number>
+}
+
+export class ContainerModel implements IContainerModel {
+  public children: IContainerModel[];
+  public parent: IContainerModel | null;
+  public properties: Properties;
+  public userData: Record<string, string | number>;
+
+  constructor(
+    parent: IContainerModel | null,
+    properties: Properties,
+    children: IContainerModel[] = [],
+    userData = {}) {
+    this.parent = parent;
+    this.properties = properties;
+    this.children = children;
+    this.userData = userData;
+  }
+};
+
+/**
+ * Returns a Generator iterating of over the children depth-first
+ */
+export function * MakeIterator(root: IContainerModel): Generator<IContainerModel, void, unknown> {
+  const queue: IContainerModel[] = [root];
+  const visited = new Set<IContainerModel>(queue);
+  while (queue.length > 0) {
+    const container = queue.pop() as IContainerModel;
+
+    yield container;
+
+    // if this reverse() gets costly, replace it by a simple for
+    container.children.forEach((child) => {
+      if (visited.has(child)) {
+        return;
+      }
+      visited.add(child);
+      queue.push(child);
+    });
+  }
+}
+
+/**
+   * Returns the depth of the container
+   * @returns The depth of the container
+   */
+export function getDepth(parent: IContainerModel) {
+  let depth = 0;
+
+  let current: IContainerModel | null = parent;
+  while (current != null) {
+    depth++;
+    current = current.parent;
+  }
+
+  return depth;
+}
+
+/**
+   * Returns the absolute position by iterating to the parent
+   * @returns The absolute position of the container
+   */
+export function getAbsolutePosition(container: IContainerModel): [number, number] {
+  let x = Number(container.properties.x);
+  let y = Number(container.properties.y);
+  let current = container.parent;
+  while (current != null) {
+    x += Number(current.properties.x);
+    y += Number(current.properties.y);
+    current = current.parent;
+  }
+  return [x, y];
+}
+
+export function findContainerById(root: IContainerModel, id: string): IContainerModel | undefined {
+  const it = MakeIterator(root);
+  for (const container of it) {
+    if (container.properties.id === id) {
+      return container;
+    }
+  }
+  return undefined;
+}