Merged PR 170: Add new eslint rules

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

src/utils/default.ts

@@ -3,7 +3,7 @@ import { IAvailableContainer } from '../Interfaces/IAvailableContainer';
 import { IAvailableSymbol } from '../Interfaces/IAvailableSymbol';
 import { IConfiguration } from '../Interfaces/IConfiguration';
 import { ContainerModel, IContainerModel } from '../Interfaces/IContainerModel';
-import IContainerProperties from '../Interfaces/IContainerProperties';
+import { IContainerProperties } from '../Interfaces/IContainerProperties';
 import { IEditorState } from '../Interfaces/IEditorState';
 import { ISymbolModel } from '../Interfaces/ISymbolModel';
 
@@ -36,7 +36,7 @@ export const APPLY_BEHAVIORS_ON_CHILDREN = true;
 /**
  * Returns the default editor state given the configuration
  */
-export const GetDefaultEditorState = (configuration: IConfiguration): IEditorState => {
+export function GetDefaultEditorState(configuration: IConfiguration): IEditorState {
   const mainContainer = new ContainerModel(
     null,
     {
@@ -50,22 +50,23 @@ export const GetDefaultEditorState = (configuration: IConfiguration): IEditorSta
     configuration,
     history: [
       {
-        LastAction: '',
-        MainContainer: mainContainer,
-        SelectedContainerId: mainContainer.properties.id,
-        TypeCounters: {},
-        Symbols: new Map(),
-        SelectedSymbolId: ''
+        lastAction: '',
+        mainContainer: mainContainer,
+        selectedContainerId: mainContainer.properties.id,
+        typeCounters: {},
+        symbols: new Map(),
+        selectedSymbolId: ''
       }
     ],
     historyCurrentStep: 0
   };
-};
+}
 
 /**
  * Default config when the API is not available
  */
 export const DEFAULT_CONFIG: IConfiguration = {
+  /* eslint-disable @typescript-eslint/naming-convention */
   AvailableContainers: [
     {
       Type: 'Container',
@@ -87,6 +88,7 @@ export const DEFAULT_CONFIG: IConfiguration = {
       stroke: 'black'
     }
   }
+  /* eslint-enable */
 };
 
 /**
@@ -107,7 +109,7 @@ export const DEFAULT_MAINCONTAINER_PROPS: IContainerProperties = {
   height: Number(DEFAULT_CONFIG.MainContainer.Height),
   isAnchor: false,
   isFlex: false,
-  XPositionReference: XPositionReference.Left,
+  xPositionReference: XPositionReference.Left,
   style: {
     stroke: 'black',
     fillOpacity: 0
@@ -124,42 +126,40 @@ export const DEFAULT_MAINCONTAINER_PROPS: IContainerProperties = {
  * @param containerConfig default config of the container sent by the API
  * @returns {IContainerProperties} Default properties of a newly created container
  */
-export const GetDefaultContainerProps = (
-  type: string,
+export function GetDefaultContainerProps(type: string,
   typeCount: number,
   parent: IContainerModel,
   x: number,
   y: number,
   width: number,
   height: number,
-  containerConfig: IAvailableContainer
-): IContainerProperties => ({
-  id: `${type}-${typeCount}`,
-  type,
-  parentId: parent.properties.id,
-  linkedSymbolId: '',
-  displayedText: `${type}-${typeCount}`,
-  x,
-  y,
-  margin: containerConfig.Margin ?? {},
-  width,
-  height,
-  isAnchor: false,
-  isFlex: containerConfig.IsFlex ?? containerConfig.Width === undefined,
-  XPositionReference: containerConfig.XPositionReference ?? XPositionReference.Left,
-  minWidth: containerConfig.MinWidth ?? 1,
-  maxWidth: containerConfig.MaxWidth ?? Number.MAX_SAFE_INTEGER,
-  customSVG: containerConfig.CustomSVG,
-  style: structuredClone(containerConfig.Style),
-  userData: structuredClone(containerConfig.UserData)
-});
+  containerConfig: IAvailableContainer): IContainerProperties {
+  return ({
+    id: `${type}-${typeCount}`,
+    type,
+    parentId: parent.properties.id,
+    linkedSymbolId: '',
+    displayedText: `${type}-${typeCount}`,
+    x,
+    y,
+    margin: containerConfig.Margin ?? {},
+    width,
+    height,
+    isAnchor: false,
+    isFlex: containerConfig.IsFlex ?? containerConfig.Width === undefined,
+    xPositionReference: containerConfig.XPositionReference ?? XPositionReference.Left,
+    minWidth: containerConfig.MinWidth ?? 1,
+    maxWidth: containerConfig.MaxWidth ?? Number.MAX_SAFE_INTEGER,
+    customSVG: containerConfig.CustomSVG,
+    style: structuredClone(containerConfig.Style),
+    userData: structuredClone(containerConfig.UserData)
+  });
+}
 
-export const GetDefaultSymbolModel = (
-  name: string,
+export function GetDefaultSymbolModel(name: string,
   newCounters: Record<string, number>,
   type: string,
-  symbolConfig: IAvailableSymbol
-): ISymbolModel => {
+  symbolConfig: IAvailableSymbol): ISymbolModel {
   return {
     id: `${name}-${newCounters[type]}`,
     type: name,
@@ -169,4 +169,4 @@ export const GetDefaultSymbolModel = (
     height: symbolConfig.Height ?? DEFAULT_SYMBOL_HEIGHT,
     linkedContainers: new Set()
   };
-};
+}