Implement minWidth property + refactor default property of new containers and main container (#34)

Co-authored-by: Eric NGUYEN <enguyen@techform.fr>
Reviewed-on: https://git.siklos-chaneru.duckdns.org/Siklos/svg-layout-designer-react/pulls/34

src/Components/Editor/Behaviors/RigidBodyBehaviors.ts

@@ -152,7 +152,7 @@ export function constraintBodyInsideUnallocatedWidth(
   // Check if the container actually fit inside
   // It will usually fit if it was alrady fitting
   const availableWidthFound = availableWidths.find((width) =>
-    isFitting(container, width)
+    isFitting(container.properties.width, width)
   );
 
   if (availableWidthFound === undefined) {
@@ -163,12 +163,18 @@ export function constraintBodyInsideUnallocatedWidth(
 
     // We want the container to fit automatically inside the available space
     // even if it means to resize the container
-    // The end goal is that the code never show the error message no matter what action is done
-    // TODO: Actually give an option to not fit and show the error message shown below
-    const availableWidth = availableWidths[0];
+    const availableWidth: ISizePointer | undefined = availableWidths.find((width) => {
+      return isFitting(container.properties.minWidth, width);
+    });
+
+    if (availableWidth === undefined) {
+      console.warn(`Container ${container.properties.id} cannot fit in any space due to its minimum width being to large. Consequently, its rigid body property is disabled.`);
+      container.properties.isRigidBody = false;
+      return container;
+    }
+
     container.properties.x = availableWidth.x;
     container.properties.width = availableWidth.width;
-    // throw new Error('[constraintBodyInsideUnallocatedWidth] BIGERR: No available space found on the parent container, even though there is some.');
     return container;
   }
 
@@ -188,9 +194,9 @@ export function constraintBodyInsideUnallocatedWidth(
  * @returns
  */
 const isFitting = (
-  container: IContainerModel,
+  containerWidth: number,
   sizePointer: ISizePointer
-): boolean => container.properties.width <= sizePointer.width;
+): boolean => containerWidth <= sizePointer.width;
 
 /**
  * Get the unallocated widths inside a container

src/Components/Editor/ContainerOperations.ts

@@ -4,10 +4,9 @@ import { IConfiguration } from '../../Interfaces/IConfiguration';
 import { ContainerModel, IContainerModel } from '../../Interfaces/IContainerModel';
 import { findContainerById } from '../../utils/itertools';
 import { getCurrentHistory } from './Editor';
-import IProperties from '../../Interfaces/IProperties';
 import { AddMethod } from '../../Enums/AddMethod';
 import { IAvailableContainer } from '../../Interfaces/IAvailableContainer';
-import { XPositionReference } from '../../Enums/XPositionReference';
+import { GetDefaultContainerProps } from '../../utils/default';
 
 /**
  * Select a container
@@ -203,25 +202,17 @@ export function AddContainer(
 
   let x = containerConfig.DefaultX ?? 0;
   const y = containerConfig.DefaultY ?? 0;
-  const width = containerConfig.Width ?? parentClone.properties.width;
-  const height = containerConfig.Height ?? parentClone.properties.height;
 
   x = ApplyAddMethod(index, containerConfig, parentClone, x);
 
-  const defaultProperties: IProperties = {
-    id: `${type}-${count}`,
-    parentId: parentClone.properties.id,
+  const defaultProperties = GetDefaultContainerProps(
+    type,
+    count,
+    parentClone,
     x,
     y,
-    width,
-    height,
-    isRigidBody: false,
-    isAnchor: false,
-    XPositionReference: containerConfig.XPositionReference ?? XPositionReference.Left,
-    customSVG: containerConfig.CustomSVG,
-    style: containerConfig.Style,
-    userData: containerConfig.UserData
-  };
+    containerConfig
+  );
 
   // Create the container
   const newContainer = new ContainerModel(
@@ -265,6 +256,7 @@ function ApplyAddMethod(index: number, containerConfig: IAvailableContainer, par
   if (index > 0 && (
     containerConfig.AddMethod === undefined ||
     containerConfig.AddMethod === AddMethod.Append)) {
+    // Append method (default)
     const lastChild: IContainerModel | undefined = parent.children.at(index - 1);
 
     if (lastChild !== undefined) {