Merge pull request #779 from creativoma/feature/decrease-paragraph-min-width-656

Feat/decrease paragraph min width

Author: brauliodiez

src/common/components/mock-components/front-components/input-shape.tsx

@@ -8,7 +8,7 @@ import { useShapeProps } from '../../shapes/use-shape-props.hook';
 import { useGroupShapeProps } from '../mock-components.utils';
 
 const inputShapeRestrictions: ShapeSizeRestrictions = {
-  minWidth: 38,
+  minWidth: INPUT_SHAPE.DEFAULT_MIN_WIDTH,
   minHeight: 38,
   maxWidth: -1,
   maxHeight: 38,

src/common/components/mock-components/front-components/shape.const.ts

@@ -19,6 +19,7 @@ const DEFAULT_TEXT_ALIGNMENT = 'left';
 const DEFAULT_DISABLED = false;
 const DEFAULT_CORNER_RADIUS_CHIP = 1000;
 const DEFAULT_FONT_SIZE_CHIP = 14;
+const DEFAULT_MIN_WIDTH = 10;
 
 export interface DefaultStyleShape {
   DEFAULT_CORNER_RADIUS: number;
@@ -38,6 +39,7 @@ export interface DefaultStyleShape {
   DEFAULT_TEXT_DECORATION: string;
   DEFAULT_TEXT_ALIGNMENT: 'left' | 'center' | 'right';
   DEFAULT_DISABLED: boolean;
+  DEFAULT_MIN_WIDTH: number;
 }
 
 export const BASIC_SHAPE: DefaultStyleShape = {
@@ -58,6 +60,7 @@ export const BASIC_SHAPE: DefaultStyleShape = {
   DEFAULT_TEXT_DECORATION,
   DEFAULT_TEXT_ALIGNMENT,
   DEFAULT_DISABLED,
+  DEFAULT_MIN_WIDTH,
 };
 
 export const LOW_WIREFRAME_SHAPE = {
@@ -82,6 +85,7 @@ export const INPUT_SHAPE: DefaultStyleShape = {
   DEFAULT_TEXT_DECORATION,
   DEFAULT_TEXT_ALIGNMENT,
   DEFAULT_DISABLED,
+  DEFAULT_MIN_WIDTH,
 };
 
 //! maybe a function to calc max height base on the text
@@ -103,6 +107,7 @@ export const POSTIT_SHAPE: DefaultStyleShape = {
   DEFAULT_TEXT_DECORATION,
   DEFAULT_TEXT_ALIGNMENT,
   DEFAULT_DISABLED,
+  DEFAULT_MIN_WIDTH,
 };
 
 interface FontValues {
@@ -160,4 +165,5 @@ export const CHIP_SHAPE: DefaultStyleShape = {
   DEFAULT_TEXT_DECORATION,
   DEFAULT_TEXT_ALIGNMENT,
   DEFAULT_DISABLED,
+  DEFAULT_MIN_WIDTH,
 };

src/common/components/mock-components/front-components/textarea-shape.tsx

@@ -8,7 +8,7 @@ import { useShapeProps } from '../../shapes/use-shape-props.hook';
 import { useGroupShapeProps } from '../mock-components.utils';
 
 const textAreaShapeRestrictions: ShapeSizeRestrictions = {
-  minWidth: 70,
+  minWidth: BASIC_SHAPE.DEFAULT_MIN_WIDTH,
   minHeight: 44,
   maxWidth: -1,
   maxHeight: -1,

src/common/components/mock-components/front-low-wireframes-components/paragraph-scribbled-shape/paragraph-scribbled-shape.tsx

@@ -10,7 +10,7 @@ import { MIN_LINE_HEIGHT } from './paragraph-scribbled.const';
 import { calculateParagraphPaths } from './paragraph-scribbled.business';
 
 const paragraphScribbledShapeRestrictions: ShapeSizeRestrictions = {
-  minWidth: 100,
+  minWidth: BASIC_SHAPE.DEFAULT_MIN_WIDTH,
   minHeight: MIN_LINE_HEIGHT,
   maxWidth: -1,
   maxHeight: -1,

src/common/components/mock-components/front-low-wireframes-components/text-scribbled-shape/text-scribbled-shape.tsx

@@ -9,7 +9,7 @@ import { calculatePath } from './text-scribbled.business';
 import { fitSizeToShapeSizeRestrictions } from '@/common/utils/shapes';
 
 const textScribbledShapeRestrictions: ShapeSizeRestrictions = {
-  minWidth: 100,
+  minWidth: BASIC_SHAPE.DEFAULT_MIN_WIDTH,
   minHeight: 45,
   maxWidth: -1,
   maxHeight: -1,

src/common/components/mock-components/front-text-components/paragraph-text-shape.tsx

@@ -8,7 +8,7 @@ import { useShapeProps } from '../../shapes/use-shape-props.hook';
 import { useGroupShapeProps } from '../mock-components.utils';
 
 const paragraphSizeRestrictions: ShapeSizeRestrictions = {
-  minWidth: 20,
+  minWidth: BASIC_SHAPE.DEFAULT_MIN_WIDTH,
   minHeight: 20,
   maxWidth: -1,
   maxHeight: -1,

src/common/components/mock-components/front-text-components/smalltext-shape.tsx

@@ -9,7 +9,7 @@ import { useGroupShapeProps } from '../mock-components.utils';
 import { useResizeOnFontSizeChange } from './front-text-hooks/resize-fontsize-change.hook';
 
 const smalltextSizeRestrictions: ShapeSizeRestrictions = {
-  minWidth: 40,
+  minWidth: BASIC_SHAPE.DEFAULT_MIN_WIDTH,
   minHeight: 20,
   maxWidth: -1,
   maxHeight: -1,