From e867b94b2282028c5660e1747dd8770731567557 Mon Sep 17 00:00:00 2001 From: Jonathan Date: Wed, 26 Mar 2025 16:23:30 +0100 Subject: [PATCH 1/7] circle placeholder --- public/low-wireframes/circlePlaceholder.svg | 17 +++++ .../circle-placeholder-shape.tsx | 65 +++++++++++++++++++ .../front-low-wireframes-components/index.ts | 1 + src/core/model/index.ts | 4 +- .../canvas/model/shape-other-props.utils.ts | 1 + src/pods/canvas/model/shape-size.mapper.ts | 2 + src/pods/canvas/shape-renderer/index.tsx | 3 + .../circle-placeholder.renderer.tsx | 31 +++++++++ .../simple-low-wireframes-components/index.ts | 1 + .../low-wireframe-gallery-data/index.ts | 4 ++ 10 files changed, 128 insertions(+), 1 deletion(-) create mode 100644 public/low-wireframes/circlePlaceholder.svg create mode 100644 src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx create mode 100644 src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx diff --git a/public/low-wireframes/circlePlaceholder.svg b/public/low-wireframes/circlePlaceholder.svg new file mode 100644 index 00000000..efe2012a --- /dev/null +++ b/public/low-wireframes/circlePlaceholder.svg @@ -0,0 +1,17 @@ + + + + + + + + diff --git a/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx b/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx new file mode 100644 index 00000000..635fb54d --- /dev/null +++ b/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx @@ -0,0 +1,65 @@ +import { ShapeSizeRestrictions, ShapeType } from '@/core/model'; +import { forwardRef } from 'react'; +import { ShapeProps } from '../shape.model'; +import { fitSizeToShapeSizeRestrictions } from '@/common/utils/shapes/shape-restrictions'; +import { Circle, Group } from 'react-konva'; +import { useShapeProps } from '../../shapes/use-shape-props.hook'; +import { BASIC_SHAPE } from '../front-components/shape.const'; +import { useGroupShapeProps } from '../mock-components.utils'; + +const circlePlaceholderShapeRestrictions: ShapeSizeRestrictions = { + minWidth: 10, + minHeight: 10, + maxWidth: -1, + maxHeight: -1, + defaultWidth: 160, + defaultHeight: 160, +}; + +export const getCirclePlaceholderShapeSizeRestrictions = + (): ShapeSizeRestrictions => circlePlaceholderShapeRestrictions; + +const shapeType: ShapeType = 'circlePlaceholder'; + +export const CirclePlaceholderShape = forwardRef( + (props, ref) => { + const { x, y, width, height, id, onSelected, otherProps, ...shapeProps } = + props; + + const restrictedSize = fitSizeToShapeSizeRestrictions( + circlePlaceholderShapeRestrictions, + width, + height + ); + + const { width: restrictedWidth, height: restrictedHeight } = restrictedSize; + + const radius = Math.min(restrictedWidth, restrictedHeight) / 2; + + const { stroke, fill, strokeStyle } = useShapeProps( + otherProps, + BASIC_SHAPE + ); + + const commonGroupProps = useGroupShapeProps( + props, + restrictedSize, + shapeType, + ref + ); + + return ( + + + + ); + } +); diff --git a/src/common/components/mock-components/front-low-wireframes-components/index.ts b/src/common/components/mock-components/front-low-wireframes-components/index.ts index 9b212c7e..49c2129b 100644 --- a/src/common/components/mock-components/front-low-wireframes-components/index.ts +++ b/src/common/components/mock-components/front-low-wireframes-components/index.ts @@ -1,3 +1,4 @@ export * from './image-placeholder-shape'; export * from './horizontal-line-low-shape'; export * from './vertical-line-low-shape'; +export * from './circle-placeholder-shape'; diff --git a/src/core/model/index.ts b/src/core/model/index.ts index faa954e8..f1dc6e48 100644 --- a/src/core/model/index.ts +++ b/src/core/model/index.ts @@ -79,7 +79,8 @@ export type ShapeType = | 'gauge' | 'imagePlaceholder' | 'horizontalLineLow' - | 'verticalLineLow'; + | 'verticalLineLow' + | 'circlePlaceholder'; export const ShapeDisplayName: Record = { multiple: 'multiple', @@ -148,6 +149,7 @@ export const ShapeDisplayName: Record = { imagePlaceholder: 'Image Placeholder', horizontalLineLow: 'Horizontal Divider', verticalLineLow: 'Vertical Divider', + circlePlaceholder: 'Circle Placeholder', }; export type EditType = 'input' | 'textarea' | 'imageupload'; diff --git a/src/pods/canvas/model/shape-other-props.utils.ts b/src/pods/canvas/model/shape-other-props.utils.ts index 674bf5ff..8e5aa5bd 100644 --- a/src/pods/canvas/model/shape-other-props.utils.ts +++ b/src/pods/canvas/model/shape-other-props.utils.ts @@ -123,6 +123,7 @@ export const generateDefaultOtherProps = ( }; case 'horizontalLine': case 'horizontalLineLow': + case 'circlePlaceholder': case 'verticalLineLow': return { stroke: '#000000', diff --git a/src/pods/canvas/model/shape-size.mapper.ts b/src/pods/canvas/model/shape-size.mapper.ts index a609b329..4c5c9164 100644 --- a/src/pods/canvas/model/shape-size.mapper.ts +++ b/src/pods/canvas/model/shape-size.mapper.ts @@ -79,6 +79,7 @@ import { } from '@/common/components/mock-components/front-text-components'; import { + getCirclePlaceholderShapeSizeRestrictions, getHorizontalLineLowShapeRestrictions, getImagePlaceholderShapeSizeRestrictions, } from '@/common/components/mock-components/front-low-wireframes-components'; @@ -161,6 +162,7 @@ const shapeSizeMap: Record ShapeSizeRestrictions> = { chip: getChipShapeSizeRestrictions, horizontalLineLow: getHorizontalLineLowShapeRestrictions, verticalLineLow: getVerticalLineLowShapeRestrictions, + circlePlaceholder: getCirclePlaceholderShapeSizeRestrictions, }; export default shapeSizeMap; diff --git a/src/pods/canvas/shape-renderer/index.tsx b/src/pods/canvas/shape-renderer/index.tsx index 08927105..a39970c9 100644 --- a/src/pods/canvas/shape-renderer/index.tsx +++ b/src/pods/canvas/shape-renderer/index.tsx @@ -74,6 +74,7 @@ import { renderSmalltext, } from './simple-text-components'; import { + renderCirclePlaceholder, renderHorizontalLowLine, renderImagePlaceHolder, renderVerticalLowLine, @@ -214,6 +215,8 @@ export const renderShapeComponent = ( return renderHorizontalLowLine(shape, shapeRenderedProps); case 'verticalLineLow': return renderVerticalLowLine(shape, shapeRenderedProps); + case 'circlePlaceholder': + return renderCirclePlaceholder(shape, shapeRenderedProps); default: return renderNotFound(shape, shapeRenderedProps); } diff --git a/src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx b/src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx new file mode 100644 index 00000000..aec6550a --- /dev/null +++ b/src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx @@ -0,0 +1,31 @@ +import { ShapeRendererProps } from '../model'; +import { ShapeModel } from '@/core/model'; +import { CirclePlaceholderShape } from '@/common/components/mock-components/front-low-wireframes-components'; + +export const renderCirclePlaceholder = ( + shape: ShapeModel, + shapeRenderedProps: ShapeRendererProps +) => { + const { handleSelected, shapeRefs, handleDragEnd, handleTransform } = + shapeRenderedProps; + + return ( + + ); +}; diff --git a/src/pods/canvas/shape-renderer/simple-low-wireframes-components/index.ts b/src/pods/canvas/shape-renderer/simple-low-wireframes-components/index.ts index f5dbbe9c..d934e393 100644 --- a/src/pods/canvas/shape-renderer/simple-low-wireframes-components/index.ts +++ b/src/pods/canvas/shape-renderer/simple-low-wireframes-components/index.ts @@ -1,3 +1,4 @@ export * from './image-placeholder.renderer'; export * from './low-horizontal-line.renderer'; export * from './low-vertical-line.renderer'; +export * from './circle-placeholder.renderer'; diff --git a/src/pods/galleries/low-wireframe-gallery/low-wireframe-gallery-data/index.ts b/src/pods/galleries/low-wireframe-gallery/low-wireframe-gallery-data/index.ts index 9103283c..53bf8600 100644 --- a/src/pods/galleries/low-wireframe-gallery/low-wireframe-gallery-data/index.ts +++ b/src/pods/galleries/low-wireframe-gallery/low-wireframe-gallery-data/index.ts @@ -13,4 +13,8 @@ export const mockLowWireframeCollection: ItemInfo[] = [ thumbnailSrc: '/low-wireframes/verticalLineLow.svg', type: 'verticalLineLow', }, + { + thumbnailSrc: '/low-wireframes/circlePlaceholder.svg', + type: 'circlePlaceholder', + }, ]; From 80fda5626a3ec9ab0b719e2b7b948222fa163cff Mon Sep 17 00:00:00 2001 From: Antonio Contreras Date: Thu, 27 Mar 2025 09:55:50 +0100 Subject: [PATCH 2/7] fix feedback --- .../mock-components/front-components/shape.const.ts | 4 ++++ .../circle-placeholder-shape.tsx | 7 +++++-- src/pods/canvas/model/transformer.model.ts | 9 +++++++++ 3 files changed, 18 insertions(+), 2 deletions(-) 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 8a9bfdf0..ef3b588a 100644 --- a/src/common/components/mock-components/front-components/shape.const.ts +++ b/src/common/components/mock-components/front-components/shape.const.ts @@ -60,6 +60,10 @@ export const BASIC_SHAPE: DefaultStyleShape = { DEFAULT_DISABLED, }; +export const LOW_WIREFRAME_SHAPE = { + DEFAULT_STROKE_WIDTH: 6, +}; + export const INPUT_SHAPE: DefaultStyleShape = { DEFAULT_CORNER_RADIUS, DEFAULT_STROKE_COLOR, diff --git a/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx b/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx index 635fb54d..8bdfaaae 100644 --- a/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx +++ b/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx @@ -4,7 +4,10 @@ import { ShapeProps } from '../shape.model'; import { fitSizeToShapeSizeRestrictions } from '@/common/utils/shapes/shape-restrictions'; import { Circle, Group } from 'react-konva'; import { useShapeProps } from '../../shapes/use-shape-props.hook'; -import { BASIC_SHAPE } from '../front-components/shape.const'; +import { + BASIC_SHAPE, + LOW_WIREFRAME_SHAPE, +} from '../front-components/shape.const'; import { useGroupShapeProps } from '../mock-components.utils'; const circlePlaceholderShapeRestrictions: ShapeSizeRestrictions = { @@ -55,7 +58,7 @@ export const CirclePlaceholderShape = forwardRef( y={restrictedHeight / 2} radius={radius} stroke={stroke} - strokeWidth={10} + strokeWidth={LOW_WIREFRAME_SHAPE.DEFAULT_STROKE_WIDTH} fill={fill} dash={strokeStyle} /> diff --git a/src/pods/canvas/model/transformer.model.ts b/src/pods/canvas/model/transformer.model.ts index 91c9ba23..636dc16c 100644 --- a/src/pods/canvas/model/transformer.model.ts +++ b/src/pods/canvas/model/transformer.model.ts @@ -75,6 +75,15 @@ export const generateTypeOfTransformer = (shapeType: ShapeType): string[] => { case 'verticalScrollBar': case 'verticalLineLow': return ['top-center', 'bottom-center']; + case 'circlePlaceholder': + return [ + 'top-left', + 'top-right', + 'bottom-left', + 'bottom-right', + 'top-center', + 'bottom-center', + ]; case 'icon': case 'multiple': return []; From 0157d3380612f5da75fba7aeaa15a11640673267 Mon Sep 17 00:00:00 2001 From: Antonio Contreras Date: Thu, 27 Mar 2025 12:09:21 +0100 Subject: [PATCH 3/7] fix feedback --- .../{circlePlaceholder.svg => circleLow.svg} | 0 .../circle-placeholder-shape.tsx | 91 +++++++++---------- src/core/model/index.ts | 4 +- .../canvas/model/shape-other-props.utils.ts | 2 +- src/pods/canvas/model/shape-size.mapper.ts | 4 +- src/pods/canvas/model/transformer.model.ts | 2 +- src/pods/canvas/shape-renderer/index.tsx | 6 +- .../circle-placeholder.renderer.tsx | 6 +- .../low-wireframe-gallery-data/index.ts | 4 +- 9 files changed, 57 insertions(+), 62 deletions(-) rename public/low-wireframes/{circlePlaceholder.svg => circleLow.svg} (100%) diff --git a/public/low-wireframes/circlePlaceholder.svg b/public/low-wireframes/circleLow.svg similarity index 100% rename from public/low-wireframes/circlePlaceholder.svg rename to public/low-wireframes/circleLow.svg diff --git a/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx b/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx index 8bdfaaae..30c6eb06 100644 --- a/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx +++ b/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx @@ -10,7 +10,7 @@ import { } from '../front-components/shape.const'; import { useGroupShapeProps } from '../mock-components.utils'; -const circlePlaceholderShapeRestrictions: ShapeSizeRestrictions = { +const circleLowShapeRestrictions: ShapeSizeRestrictions = { minWidth: 10, minHeight: 10, maxWidth: -1, @@ -19,50 +19,45 @@ const circlePlaceholderShapeRestrictions: ShapeSizeRestrictions = { defaultHeight: 160, }; -export const getCirclePlaceholderShapeSizeRestrictions = - (): ShapeSizeRestrictions => circlePlaceholderShapeRestrictions; - -const shapeType: ShapeType = 'circlePlaceholder'; - -export const CirclePlaceholderShape = forwardRef( - (props, ref) => { - const { x, y, width, height, id, onSelected, otherProps, ...shapeProps } = - props; - - const restrictedSize = fitSizeToShapeSizeRestrictions( - circlePlaceholderShapeRestrictions, - width, - height - ); - - const { width: restrictedWidth, height: restrictedHeight } = restrictedSize; - - const radius = Math.min(restrictedWidth, restrictedHeight) / 2; - - const { stroke, fill, strokeStyle } = useShapeProps( - otherProps, - BASIC_SHAPE - ); - - const commonGroupProps = useGroupShapeProps( - props, - restrictedSize, - shapeType, - ref - ); - - return ( - - - - ); - } -); +export const getCircleLowShapeSizeRestrictions = (): ShapeSizeRestrictions => + circleLowShapeRestrictions; + +const shapeType: ShapeType = 'circleLow'; + +export const CircleLowShape = forwardRef((props, ref) => { + const { x, y, width, height, id, onSelected, otherProps, ...shapeProps } = + props; + + const restrictedSize = fitSizeToShapeSizeRestrictions( + circleLowShapeRestrictions, + width, + height + ); + + const { width: restrictedWidth, height: restrictedHeight } = restrictedSize; + + const radius = Math.min(restrictedWidth, restrictedHeight) / 2; + + const { stroke, fill, strokeStyle } = useShapeProps(otherProps, BASIC_SHAPE); + + const commonGroupProps = useGroupShapeProps( + props, + restrictedSize, + shapeType, + ref + ); + + return ( + + + + ); +}); diff --git a/src/core/model/index.ts b/src/core/model/index.ts index ab0cdbe2..e3cd0d79 100644 --- a/src/core/model/index.ts +++ b/src/core/model/index.ts @@ -81,7 +81,7 @@ export type ShapeType = | 'horizontalLineLow' | 'verticalLineLow' | 'ellipseLow' - | 'circlePlaceholder'; + | 'circleLow'; export const ShapeDisplayName: Record = { multiple: 'multiple', @@ -151,7 +151,7 @@ export const ShapeDisplayName: Record = { horizontalLineLow: 'Horizontal Divider', verticalLineLow: 'Vertical Divider', ellipseLow: 'Ellipse', - circlePlaceholder: 'Circle Placeholder', + circleLow: 'Circle', }; export type EditType = 'input' | 'textarea' | 'imageupload'; diff --git a/src/pods/canvas/model/shape-other-props.utils.ts b/src/pods/canvas/model/shape-other-props.utils.ts index 56bed55d..ae5e47f3 100644 --- a/src/pods/canvas/model/shape-other-props.utils.ts +++ b/src/pods/canvas/model/shape-other-props.utils.ts @@ -123,7 +123,7 @@ export const generateDefaultOtherProps = ( }; case 'horizontalLine': case 'horizontalLineLow': - case 'circlePlaceholder': + case 'circleLow': case 'verticalLineLow': case 'ellipseLow': return { diff --git a/src/pods/canvas/model/shape-size.mapper.ts b/src/pods/canvas/model/shape-size.mapper.ts index 761afc04..fa029ea9 100644 --- a/src/pods/canvas/model/shape-size.mapper.ts +++ b/src/pods/canvas/model/shape-size.mapper.ts @@ -83,7 +83,7 @@ import { getImagePlaceholderShapeSizeRestrictions, getVerticalLineLowShapeRestrictions, getEllipseLowShapeRestrictions, - getCirclePlaceholderShapeSizeRestrictions, + getCircleLowShapeSizeRestrictions, } from '@/common/components/mock-components/front-low-wireframes-components'; const getMultipleNodeSizeRestrictions = (): ShapeSizeRestrictions => ({ @@ -164,7 +164,7 @@ const shapeSizeMap: Record ShapeSizeRestrictions> = { horizontalLineLow: getHorizontalLineLowShapeRestrictions, verticalLineLow: getVerticalLineLowShapeRestrictions, ellipseLow: getEllipseLowShapeRestrictions, - circlePlaceholder: getCirclePlaceholderShapeSizeRestrictions, + circleLow: getCircleLowShapeSizeRestrictions, }; export default shapeSizeMap; diff --git a/src/pods/canvas/model/transformer.model.ts b/src/pods/canvas/model/transformer.model.ts index 636dc16c..a28695a4 100644 --- a/src/pods/canvas/model/transformer.model.ts +++ b/src/pods/canvas/model/transformer.model.ts @@ -75,7 +75,7 @@ export const generateTypeOfTransformer = (shapeType: ShapeType): string[] => { case 'verticalScrollBar': case 'verticalLineLow': return ['top-center', 'bottom-center']; - case 'circlePlaceholder': + case 'circleLow': return [ 'top-left', 'top-right', diff --git a/src/pods/canvas/shape-renderer/index.tsx b/src/pods/canvas/shape-renderer/index.tsx index 297d561d..7e667e91 100644 --- a/src/pods/canvas/shape-renderer/index.tsx +++ b/src/pods/canvas/shape-renderer/index.tsx @@ -74,7 +74,7 @@ import { renderSmalltext, } from './simple-text-components'; import { - renderCirclePlaceholder, + renderCircleLow, renderHorizontalLowLine, renderImagePlaceHolder, renderVerticalLowLine, @@ -218,8 +218,8 @@ export const renderShapeComponent = ( return renderVerticalLowLine(shape, shapeRenderedProps); case 'ellipseLow': return renderEllipseLow(shape, shapeRenderedProps); - case 'circlePlaceholder': - return renderCirclePlaceholder(shape, shapeRenderedProps); + case 'circleLow': + return renderCircleLow(shape, shapeRenderedProps); default: return renderNotFound(shape, shapeRenderedProps); } diff --git a/src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx b/src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx index aec6550a..0c640ba0 100644 --- a/src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx +++ b/src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx @@ -1,8 +1,8 @@ import { ShapeRendererProps } from '../model'; import { ShapeModel } from '@/core/model'; -import { CirclePlaceholderShape } from '@/common/components/mock-components/front-low-wireframes-components'; +import { CircleLowShape } from '@/common/components/mock-components/front-low-wireframes-components'; -export const renderCirclePlaceholder = ( +export const renderCircleLow = ( shape: ShapeModel, shapeRenderedProps: ShapeRendererProps ) => { @@ -10,7 +10,7 @@ export const renderCirclePlaceholder = ( shapeRenderedProps; return ( - Date: Thu, 27 Mar 2025 12:12:46 +0100 Subject: [PATCH 4/7] apply changes --- .../front-low-wireframes-components/ellipse-low-shape.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/common/components/mock-components/front-low-wireframes-components/ellipse-low-shape.tsx b/src/common/components/mock-components/front-low-wireframes-components/ellipse-low-shape.tsx index e0d53bf1..ebae40d4 100644 --- a/src/common/components/mock-components/front-low-wireframes-components/ellipse-low-shape.tsx +++ b/src/common/components/mock-components/front-low-wireframes-components/ellipse-low-shape.tsx @@ -4,7 +4,10 @@ import { ShapeSizeRestrictions, ShapeType } from '@/core/model'; import { fitSizeToShapeSizeRestrictions } from '@/common/utils/shapes/shape-restrictions'; import { ShapeProps } from '../shape.model'; import { useGroupShapeProps } from '../mock-components.utils'; -import { BASIC_SHAPE } from '../front-components/shape.const'; +import { + BASIC_SHAPE, + LOW_WIREFRAME_SHAPE, +} from '../front-components/shape.const'; import { useShapeProps } from '../../shapes/use-shape-props.hook'; const EllipseLowShapeRestrictions: ShapeSizeRestrictions = { @@ -58,7 +61,7 @@ export const EllipseLowShape = forwardRef((props, ref) => { radiusX={restrictedWidth} radiusY={restrictedHeight} stroke={stroke} - strokeWidth={4} + strokeWidth={LOW_WIREFRAME_SHAPE.DEFAULT_STROKE_WIDTH} dash={strokeStyle} /> From 141e97a1a563ade3857505d71097620bd2cc212d Mon Sep 17 00:00:00 2001 From: Antonio Contreras Date: Thu, 27 Mar 2025 12:16:06 +0100 Subject: [PATCH 5/7] implement changes --- .../circle-placeholder-shape.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx b/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx index 30c6eb06..8776c727 100644 --- a/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx +++ b/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx @@ -16,7 +16,7 @@ const circleLowShapeRestrictions: ShapeSizeRestrictions = { maxWidth: -1, maxHeight: -1, defaultWidth: 160, - defaultHeight: 160, + defaultHeight: 100, }; export const getCircleLowShapeSizeRestrictions = (): ShapeSizeRestrictions => From 30de27c20061fff03b34fe5dc7242fb30a0567df Mon Sep 17 00:00:00 2001 From: Antonio Contreras Date: Thu, 27 Mar 2025 12:26:13 +0100 Subject: [PATCH 6/7] fix feedback --- .../{circle-placeholder-shape.tsx => circle-low-shape.tsx} | 0 .../mock-components/front-low-wireframes-components/index.ts | 2 +- ...{circle-placeholder.renderer.tsx => circle-low.renderer.tsx} | 0 .../shape-renderer/simple-low-wireframes-components/index.ts | 2 +- 4 files changed, 2 insertions(+), 2 deletions(-) rename src/common/components/mock-components/front-low-wireframes-components/{circle-placeholder-shape.tsx => circle-low-shape.tsx} (100%) rename src/pods/canvas/shape-renderer/simple-low-wireframes-components/{circle-placeholder.renderer.tsx => circle-low.renderer.tsx} (100%) diff --git a/src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx b/src/common/components/mock-components/front-low-wireframes-components/circle-low-shape.tsx similarity index 100% rename from src/common/components/mock-components/front-low-wireframes-components/circle-placeholder-shape.tsx rename to src/common/components/mock-components/front-low-wireframes-components/circle-low-shape.tsx diff --git a/src/common/components/mock-components/front-low-wireframes-components/index.ts b/src/common/components/mock-components/front-low-wireframes-components/index.ts index e5e6f13d..48739579 100644 --- a/src/common/components/mock-components/front-low-wireframes-components/index.ts +++ b/src/common/components/mock-components/front-low-wireframes-components/index.ts @@ -2,4 +2,4 @@ export * from './ellipse-low-shape'; export * from './horizontal-line-low-shape'; export * from './image-placeholder-shape'; export * from './vertical-line-low-shape'; -export * from './circle-placeholder-shape'; +export * from './circle-low-shape'; diff --git a/src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx b/src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-low.renderer.tsx similarity index 100% rename from src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-placeholder.renderer.tsx rename to src/pods/canvas/shape-renderer/simple-low-wireframes-components/circle-low.renderer.tsx diff --git a/src/pods/canvas/shape-renderer/simple-low-wireframes-components/index.ts b/src/pods/canvas/shape-renderer/simple-low-wireframes-components/index.ts index c01c041a..8d2aadce 100644 --- a/src/pods/canvas/shape-renderer/simple-low-wireframes-components/index.ts +++ b/src/pods/canvas/shape-renderer/simple-low-wireframes-components/index.ts @@ -2,4 +2,4 @@ export * from './ellipse-low.renderer'; export * from './image-placeholder.renderer'; export * from './low-horizontal-line.renderer'; export * from './low-vertical-line.renderer'; -export * from './circle-placeholder.renderer'; +export * from './circle-low.renderer'; From 997dbeaba479c4857d875215e13918cae6bbcb86 Mon Sep 17 00:00:00 2001 From: Braulio Date: Sat, 29 Mar 2025 18:34:24 +0100 Subject: [PATCH 7/7] updte circle shape svg --- public/low-wireframes/circleLow.svg | 20 +++----------------- 1 file changed, 3 insertions(+), 17 deletions(-) diff --git a/public/low-wireframes/circleLow.svg b/public/low-wireframes/circleLow.svg index efe2012a..0d9ad5e6 100644 --- a/public/low-wireframes/circleLow.svg +++ b/public/low-wireframes/circleLow.svg @@ -1,17 +1,3 @@ - - - - - - - - + + + \ No newline at end of file