Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Implemented logic for minWidth and rigidBody

Browse source
This commit is contained in:
Eric NGUYEN 2022-08-17 16:52:36 +02:00
parent 83d4990bba
commit 4bf4f01dc2
1 changed files with 16 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/Components/Editor/Behaviors/RigidBodyBehaviors.ts
View file

@ -152,7 +152,7 @@ export function constraintBodyInsideUnallocatedWidth(
// Check if the container actually fit inside // Check if the container actually fit inside
// It will usually fit if it was alrady fitting // It will usually fit if it was alrady fitting
const availableWidthFound = availableWidths.find((width) => const availableWidthFound = availableWidths.find((width) =>
isFitting(container, width) isFitting(container.properties.width, width)
); );
if (availableWidthFound === undefined) { if (availableWidthFound === undefined) {
@ -163,12 +163,21 @@ export function constraintBodyInsideUnallocatedWidth(
// We want the container to fit automatically inside the available space // We want the container to fit automatically inside the available space
// even if it means to resize the container // 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 const availableWidth: ISizePointer | undefined = availableWidths.find((width) => {
// TODO: Actually give an option to not fit and show the error message shown below if (container.properties.minWidth === undefined) {
const availableWidth = availableWidths[0]; return true;
}
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.x = availableWidth.x;
container.properties.width = availableWidth.width; 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; return container;
} }
@ -188,9 +197,9 @@ export function constraintBodyInsideUnallocatedWidth(
* @returns * @returns
*/ */
const isFitting = ( const isFitting = (
container: IContainerModel, containerWidth: number,
sizePointer: ISizePointer sizePointer: ISizePointer
): boolean => container.properties.width <= sizePointer.width; ): boolean => containerWidth <= sizePointer.width;
/** /**
* Get the unallocated widths inside a container * Get the unallocated widths inside a container