Merged PR 170: Add new eslint rules

- naming-convention
- prefer-arrow-callback
- func-style
- import/no-default-export

src/Components/SVG/Elements/DimensionLayer.tsx

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import { ContainerModel } from '../../../Interfaces/IContainerModel';
 import { DIMENSION_MARGIN } from '../../../utils/default';
-import { getAbsolutePosition, MakeBFSIterator } from '../../../utils/itertools';
+import { GetAbsolutePosition, MakeBFSIterator } from '../../../utils/itertools';
 import { Dimension } from './Dimension';
 
 interface IDimensionLayerProps {
   roots: ContainerModel | ContainerModel[] | null
 }
 
-const getDimensionsNodes = (root: ContainerModel): React.ReactNode[] => {
+function GetDimensionsNodes(root: ContainerModel): React.ReactNode[] {
   const it = MakeBFSIterator(root);
   const dimensions: React.ReactNode[] = [];
   for (const { container, depth } of it) {
     const width = container.properties.width;
     const id = `dim-${container.properties.id}`;
-    const xStart = getAbsolutePosition(container)[0];
+    const xStart = GetAbsolutePosition(container)[0];
     const xEnd = xStart + width;
     const y = (container.properties.y + container.properties.height) + (DIMENSION_MARGIN * (depth + 1));
     const strokeWidth = 1;
@@ -28,30 +28,29 @@ const getDimensionsNodes = (root: ContainerModel): React.ReactNode[] => {
         xEnd={xEnd}
         yEnd={y}
         strokeWidth={strokeWidth}
-        text={text}
-      />
+        text={text} />
     );
   }
   return dimensions;
-};
+}
 
 /**
  * A layer containing all dimension
  * @param props
  * @returns
  */
-export const DimensionLayer: React.FC<IDimensionLayerProps> = (props: IDimensionLayerProps) => {
+export function DimensionLayer(props: IDimensionLayerProps): JSX.Element {
   let dimensions: React.ReactNode[] = [];
   if (Array.isArray(props.roots)) {
     props.roots.forEach(child => {
-      dimensions.concat(getDimensionsNodes(child));
+      dimensions.concat(GetDimensionsNodes(child));
     });
   } else if (props.roots !== null) {
-    dimensions = getDimensionsNodes(props.roots);
+    dimensions = GetDimensionsNodes(props.roots);
   }
   return (
     <g>
-      { dimensions }
+      {dimensions}
     </g>
   );
-};
+}