remove business function

Author: antonio06

…mponents/input-stepper/input-stepper.tsx …/front-rich-components/input-stepper.tsxsrc/common/components/mock-components/front-rich-components/input-stepper/input-stepper.tsx renamed to src/common/components/mock-components/front-rich-components/input-stepper.tsx src/common/components/mock-components/front-rich-components/input-stepper/input-stepper.tsx renamed to src/common/components/mock-components/front-rich-components/input-stepper.tsx

@@ -1,13 +1,12 @@
 import { forwardRef } from 'react';
 import { Group, Rect, Text } from 'react-konva';
 import { ShapeSizeRestrictions } from '@/common/utils/shapes/shape-restrictions';
-import { useGroupShapeProps } from '../../mock-components.utils';
+import { useGroupShapeProps } from '../mock-components.utils';
 import { fitSizeToShapeSizeRestrictions } from '@/common/utils/shapes/shape-restrictions';
 import { ShapeType } from '@/core/model';
-import { ShapeProps } from '../../shape.model';
-import { useShapeProps } from '../../../shapes/use-shape-props.hook';
-import { INPUT_SHAPE } from '../../front-components/shape.const';
-import { getTextFieldWidth } from './input-stepper.business';
+import { ShapeProps } from '../shape.model';
+import { useShapeProps } from '../../shapes/use-shape-props.hook';
+import { INPUT_SHAPE } from '../front-components/shape.const';
 
 // Size restrictions (igual patrón que file-tree)
 export const inputStepperShapeRestrictions: ShapeSizeRestrictions = {
@@ -50,8 +49,6 @@ export const InputWithStepper = forwardRef<any, ShapeProps>((props, ref) => {
 
   const { width: restrictedWidth } = restrictedSize;
 
-  const textFieldWidth = getTextFieldWidth(restrictedWidth);
-
   return (
     <Group {...commonGroupProps} {...shapeProps}>
       {/* Caja del input */}
@@ -71,12 +68,12 @@ export const InputWithStepper = forwardRef<any, ShapeProps>((props, ref) => {
       <Text
         x={0}
         y={height / 2 - 8} // Centrar verticalmente
-        width={restrictedWidth - textFieldWidth - 8}
+        width={restrictedWidth}
         text={text}
         fontFamily="Arial"
         fontSize={16}
         fill={textColor}
-        align="right"
+        align="left"
         wrap="none"
       />
 

src/common/components/mock-components/front-rich-components/input-stepper/index.ts

@@ -1,6 +1,6 @@
 // src/common/shape-utils/shapeSizeMap.ts
 import { ShapeType, ShapeSizeRestrictions } from '@/core/model';
-import { getInputStepperShapeSizeRestrictions } from '@/common/components/mock-components/front-rich-components/input-stepper/input-stepper';
+import { getInputStepperShapeSizeRestrictions } from '@/common/components/mock-components/front-rich-components/input-stepper';
 import {
   getButtonShapeSizeRestrictions,
   getCheckboxShapeSizeRestrictions,

src/common/components/mock-components/front-rich-components/input-stepper/input-stepper.business.ts

@@ -1,4 +1,4 @@
-import { InputWithStepper } from '@/common/components/mock-components/front-rich-components/input-stepper/input-stepper';
+import { InputWithStepper } from '@/common/components/mock-components/front-rich-components/input-stepper';
 import { ShapeRendererProps } from '../model';
 import { ShapeModel } from '@/core/model';