diff --git a/src/common/components/mock-components/front-components/input-shape.tsx b/src/common/components/mock-components/front-components/input-shape.tsx index cd60d17b..8b098f75 100644 --- a/src/common/components/mock-components/front-components/input-shape.tsx +++ b/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, diff --git a/src/common/components/mock-components/front-components/shape.const.ts b/src/common/components/mock-components/front-components/shape.const.ts index 234a96db..2977d948 100644 --- a/src/common/components/mock-components/front-components/shape.const.ts +++ b/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, }; diff --git a/src/common/components/mock-components/front-components/textarea-shape.tsx b/src/common/components/mock-components/front-components/textarea-shape.tsx index fb447ecd..81b508b6 100644 --- a/src/common/components/mock-components/front-components/textarea-shape.tsx +++ b/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, diff --git a/src/common/components/mock-components/front-low-wireframes-components/paragraph-scribbled-shape/paragraph-scribbled-shape.tsx b/src/common/components/mock-components/front-low-wireframes-components/paragraph-scribbled-shape/paragraph-scribbled-shape.tsx index ff6da889..5f800c09 100644 --- a/src/common/components/mock-components/front-low-wireframes-components/paragraph-scribbled-shape/paragraph-scribbled-shape.tsx +++ b/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, diff --git a/src/common/components/mock-components/front-low-wireframes-components/text-scribbled-shape/text-scribbled-shape.tsx b/src/common/components/mock-components/front-low-wireframes-components/text-scribbled-shape/text-scribbled-shape.tsx index 93ac878c..14064532 100644 --- a/src/common/components/mock-components/front-low-wireframes-components/text-scribbled-shape/text-scribbled-shape.tsx +++ b/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, diff --git a/src/common/components/mock-components/front-text-components/paragraph-text-shape.tsx b/src/common/components/mock-components/front-text-components/paragraph-text-shape.tsx index 3ad5ea94..f3364f64 100644 --- a/src/common/components/mock-components/front-text-components/paragraph-text-shape.tsx +++ b/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, diff --git a/src/common/components/mock-components/front-text-components/smalltext-shape.tsx b/src/common/components/mock-components/front-text-components/smalltext-shape.tsx index 421b8728..ac396400 100644 --- a/src/common/components/mock-components/front-text-components/smalltext-shape.tsx +++ b/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,