src/components/floor-plan/modal/auxiliary/AuxiliaryDrawing.jsx

@@ -8,17 +8,14 @@ import { OUTER_LINE_TYPE } from '@/store/outerLineAtom'
 import OuterLineWall from '@/components/floor-plan/modal/lineTypes/OuterLineWall'
 import { useAuxiliaryDrawing } from '@/hooks/roofcover/useAuxiliaryDrawing'
 import { usePopup } from '@/hooks/usePopup'
-import { useEffect, useState } from 'react'
+import { useEffect } from 'react'
 import { useRecoilValue } from 'recoil'
 import { canvasState } from '@/store/canvasAtom'
-import Image from 'next/image'
 
 export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
   const canvas = useRecoilValue(canvasState)
   const { getMessage } = useMessage()
   const { closePopup } = usePopup()
-  const [useCalcPad, setUseCalcPad] = useState(false)
-  const disableKeypad = !useCalcPad
 
   const types = [
     { id: 1, name: getMessage('straight.line'), type: OUTER_LINE_TYPE.OUTER_LINE },
@@ -74,7 +71,6 @@ export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
     length1Ref,
     arrow1,
     setArrow1,
-    disableKeypad,
   }
 
   const rightAngleProps = {
@@ -88,7 +84,6 @@ export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
     setArrow1,
     arrow2,
     setArrow2,
-    disableKeypad,
   }
 
   const doublePitchProps = {
@@ -110,7 +105,6 @@ export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
     setArrow2,
     arrow1Ref,
     arrow2Ref,
-    disableKeypad,
   }
 
   const angleProps = {
@@ -120,7 +114,6 @@ export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
     length1,
     setLength1,
     length1Ref,
-    disableKeypad,
   }
 
   const diagonalLineProps = {
@@ -137,7 +130,6 @@ export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
     setArrow1,
     arrow2,
     setArrow2,
-    disableKeypad,
   }
 
   const onClickButton = (button) => {
@@ -168,10 +160,7 @@ export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
           {buttonAct === 4 && <Angle props={angleProps} />}
           {buttonAct === 5 && <Diagonal props={diagonalLineProps} />}
         </div>
-        <div className="grid-btn-wrap" style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: '5px' }}>
+        <div className="grid-btn-wrap">
-          <button style={{ width: 'auto' }} type="button" onClick={() => setUseCalcPad((prev) => !prev)}>
-            <Image src={useCalcPad ? '/static/images/common/Icon_ON_Black.png' : '/static/images/common/Icon_OFF_Black.png'} alt="toggle" width={34} height={34} />
-          </button>
           <button className="btn-frame modal mr5" onClick={handleRollback}>
             {getMessage('modal.cover.outline.rollback')}
           </button>

src/components/floor-plan/modal/eavesGable/EavesGableEdit.jsx

@@ -6,14 +6,10 @@ import WallMerge from '@/components/floor-plan/modal/eavesGable/type/WallMerge'
 import Shed from '@/components/floor-plan/modal/eavesGable/type/Shed'
 import { useEavesGableEdit } from '@/hooks/roofcover/useEavesGableEdit'
 import { usePopup } from '@/hooks/usePopup'
-import { useState } from 'react'
-import Image from 'next/image'
 
 export default function EavesGableEdit({ id, pos = { x: 50, y: 230 } }) {
   const { getMessage } = useMessage()
   const { closePopup } = usePopup()
-  const [useCalcPad, setUseCalcPad] = useState(false)
-  const disableKeypad = !useCalcPad
 
   const { type, setType, buttonMenu, TYPES, pitchRef, offsetRef, widthRef, radioTypeRef, pitchText } = useEavesGableEdit(id)
   const eavesProps = {
@@ -22,7 +18,6 @@ export default function EavesGableEdit({ id, pos = { x: 50, y: 230 } }) {
     widthRef,
     radioTypeRef,
     pitchText,
-    disableKeypad,
   }
 
   const gableProps = {
@@ -31,18 +26,15 @@ export default function EavesGableEdit({ id, pos = { x: 50, y: 230 } }) {
     widthRef,
     radioTypeRef,
     pitchText,
-    disableKeypad,
   }
 
   const wallMergeProps = {
     offsetRef,
     radioTypeRef,
-    disableKeypad,
   }
 
   const shedProps = {
     offsetRef,
-    disableKeypad,
   }
 
   return (
@@ -56,13 +48,8 @@ export default function EavesGableEdit({ id, pos = { x: 50, y: 230 } }) {
             </button>
           ))}
         </div>
-        <div className="properties-setting-wrap outer" style={{margin: '10px'}}>
+        <div className="properties-setting-wrap outer">
-          <div className="setting-tit" style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+          <div className="setting-tit">{getMessage('setting')}</div>
-            <span>{getMessage('setting')}</span>
-            <button style={{ width: 'auto' }} type="button" onClick={() => setUseCalcPad((prev) => !prev)}>
-              <Image src={useCalcPad ? '/static/images/common/Icon_ON_Black.png' : '/static/images/common/Icon_OFF_Black.png'} alt="toggle" width={34} height={34} />
-            </button>
-          </div>
           {type === TYPES.EAVES && <Eaves {...eavesProps} />}
           {type === TYPES.GABLE && <Gable {...gableProps} />}
           {type === TYPES.WALL_MERGE && <WallMerge {...wallMergeProps} />}

src/components/floor-plan/modal/eavesGable/type/Eaves.jsx

@@ -6,7 +6,7 @@ import { ANGLE_TYPE, currentAngleTypeSelector } from '@/store/canvasAtom'
 import { normalizeDecimalLimit, normalizeDigits } from '@/util/input-utils'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
 
-export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pitchText, disableKeypad }) {
+export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pitchText }) {
   const { getMessage } = useMessage()
   const [type, setType] = useState('1')
   const onChange = (e) => {
@@ -43,7 +43,6 @@ export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
               onChange={(value) => {
                 if (pitchRef?.current) pitchRef.current.value = value
               }}
-              disableKeypad={disableKeypad}
               options={{
                 allowNegative: false,
                 allowDecimal: true //(index !== 0),
@@ -78,7 +77,6 @@ export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
               onChange={(value) => {
                 if (offsetRef?.current) offsetRef.current.value = value
               }}
-              disableKeypad={disableKeypad}
               options={{
                 allowNegative: false,
                 allowDecimal: false //(index !== 0),
@@ -146,7 +144,6 @@ export default function Eaves({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
                     onChange={(value) => {
                       if (widthRef?.current) widthRef.current.value = value
                     }}
-                    disableKeypad={disableKeypad}
                     options={{
                       allowNegative: false,
                       allowDecimal: false //(index !== 0),

src/components/floor-plan/modal/eavesGable/type/Gable.jsx

@@ -5,7 +5,7 @@ import { useRecoilValue } from 'recoil'
 import { ANGLE_TYPE, currentAngleTypeSelector } from '@/store/canvasAtom'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
 
-export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pitchText, disableKeypad }) {
+export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pitchText }) {
   const { getMessage } = useMessage()
   const [type, setType] = useState('1')
   const onChange = (e) => {
@@ -30,7 +30,6 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
               className="input-origin block"
               ref={offsetRef}
               value={300}
-              disableKeypad={disableKeypad}
               options={{
                 allowNegative: false,
                 allowDecimal: false //(index !== 0),
@@ -97,7 +96,6 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
                     onChange={(value) => {
                       if (pitchRef?.current) pitchRef.current.value = value
                     }}
-                    disableKeypad={disableKeypad}
                     options={{
                       allowNegative: false,
                       allowDecimal: true //(index !== 0),
@@ -131,7 +129,6 @@ export default function Gable({ pitchRef, offsetRef, widthRef, radioTypeRef, pit
                     ref={widthRef}
                     value={800}
                     readOnly={type === '1'}
-                    disableKeypad={disableKeypad}
                     options={{
                       allowNegative: false,
                       allowDecimal: false //(index !== 0),

src/components/floor-plan/modal/eavesGable/type/Shed.jsx

@@ -1,7 +1,7 @@
 import { useMessage } from '@/hooks/useMessage'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
 
-export default function Shed({ offsetRef, disableKeypad }) {
+export default function Shed({ offsetRef }) {
   const { getMessage } = useMessage()
   return (
     <>
@@ -19,7 +19,6 @@ export default function Shed({ offsetRef, disableKeypad }) {
               className="input-origin block"
               ref={offsetRef}
               value={300}
-              disableKeypad={disableKeypad}
               options={{
                 allowNegative: false,
                 allowDecimal: false //(index !== 0),

src/components/floor-plan/modal/eavesGable/type/WallMerge.jsx

@@ -3,7 +3,7 @@ import Image from 'next/image'
 import { useState } from 'react'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
 
-export default function WallMerge({ offsetRef, radioTypeRef, disableKeypad }) {
+export default function WallMerge({ offsetRef, radioTypeRef }) {
   const { getMessage } = useMessage()
   const [type, setType] = useState('1')
   const onChange = (e) => {
@@ -61,7 +61,6 @@ export default function WallMerge({ offsetRef, radioTypeRef, disableKeypad }) {
                     ref={offsetRef}
                     value={300}
                     readOnly={type === '1'}
-                    disableKeypad={disableKeypad}
                     options={{
                       allowNegative: false,
                       allowDecimal: false //(index !== 0),

src/components/floor-plan/modal/movement/MovementSetting.jsx

@@ -3,22 +3,16 @@ import WithDraggable from '@/components/common/draggable/WithDraggable'
 import FlowLine from '@/components/floor-plan/modal/movement/type/FlowLine'
 import Updown from '@/components/floor-plan/modal/movement/type/Updown'
 import { useMovementSetting } from '@/hooks/roofcover/useMovementSetting'
-import { useState } from 'react'
-import Image from 'next/image'
 
 export default function MovementSetting({ id, pos = { x: 50, y: 230 } }) {
   const { getMessage } = useMessage()
   const { TYPE, closePopup, buttonType, type, setType, FLOW_LINE_REF, UP_DOWN_REF, handleSave } = useMovementSetting(id)
-  const [useCalcPad, setUseCalcPad] = useState(false)
-  const disableKeypad = !useCalcPad
 
   const flowLineProps = {
     FLOW_LINE_REF,
-    disableKeypad,
   }
   const updownProps = {
     UP_DOWN_REF,
-    disableKeypad,
   }
 
   return (
@@ -36,10 +30,7 @@ export default function MovementSetting({ id, pos = { x: 50, y: 230 } }) {
           {type === TYPE.FLOW_LINE && <FlowLine {...flowLineProps} />}
           {type === TYPE.UP_DOWN && <Updown {...updownProps} />}
         </div>
-        <div className="grid-btn-wrap" style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: '5px' }}>
+        <div className="grid-btn-wrap">
-          <button style={{ width: 'auto' }} type="button" onClick={() => setUseCalcPad((prev) => !prev)}>
-            <Image src={useCalcPad ? '/static/images/common/Icon_ON_Black.png' : '/static/images/common/Icon_OFF_Black.png'} alt="toggle" width={34} height={34} />
-          </button>
           <button className="btn-frame modal act" onClick={handleSave}>
             {getMessage('modal.common.save')}
           </button>

src/components/floor-plan/modal/movement/type/FlowLine.jsx

@@ -9,7 +9,7 @@ const FLOW_LINE_TYPE = {
   UP_RIGHT: 'upRight',
 }
 
-export default function FlowLine({ FLOW_LINE_REF, disableKeypad }) {
+export default function FlowLine({ FLOW_LINE_REF }) {
   const { getMessage } = useMessage()
   const [type, setType] = useState(FLOW_LINE_TYPE.DOWN_LEFT)
   const [filledInput, setFilledInput] = useState('')
@@ -87,7 +87,6 @@ export default function FlowLine({ FLOW_LINE_REF, disableKeypad }) {
                 value={filledInput}
                 onFocus={handleFocus}
                 onChange={(value)=>{setFilledInput(value)}}
-                disableKeypad={disableKeypad}
                 options={{
                   allowNegative: false,
                   allowDecimal: false

src/components/floor-plan/modal/movement/type/Updown.jsx

@@ -10,7 +10,7 @@ const UP_DOWN_TYPE = {
   DOWN: 'down',
 }
 
-export default function Updown({ UP_DOWN_REF, disableKeypad }) {
+export default function Updown({ UP_DOWN_REF }) {
   const { getMessage } = useMessage()
   const [type, setType] = useState(UP_DOWN_TYPE.UP)
   const [filledInput, setFilledInput] = useState('100')
@@ -87,7 +87,6 @@ export default function Updown({ UP_DOWN_REF, disableKeypad }) {
                 value={filledInput}
                 onFocus={handleFocus}
                 onChange={(value)=>{setFilledInput(value)}}
-                disableKeypad={disableKeypad}
                 options={{
                   allowNegative: false,
                   allowDecimal: false

src/components/floor-plan/modal/roofShape/RoofShapePassivitySetting.jsx

@@ -5,34 +5,27 @@ import Shed from '@/components/floor-plan/modal/roofShape/passivity/Shed'
 import { useMessage } from '@/hooks/useMessage'
 import { useRoofShapePassivitySetting } from '@/hooks/roofcover/useRoofShapePassivitySetting'
 import { usePopup } from '@/hooks/usePopup'
-import { useState } from 'react'
-import Image from 'next/image'
 
 export default function RoofShapePassivitySetting({ id, pos = { x: 50, y: 230 } }) {
   const { handleSave, handleConfirm, handleRollback, buttons, type, setType, TYPES, offsetRef, pitchRef, pitchText } =
     useRoofShapePassivitySetting(id)
   const { getMessage } = useMessage()
   const { closePopup } = usePopup()
-  const [useCalcPad, setUseCalcPad] = useState(false)
-  const disableKeypad = !useCalcPad
 
   const eavesProps = {
     offsetRef,
     pitchRef,
     pitchText,
-    disableKeypad,
   }
 
   const gableProps = {
     offsetRef,
     pitchRef,
     pitchText,
-    disableKeypad,
   }
 
   const shedProps = {
     offsetRef,
-    disableKeypad,
   }
 
   return (
@@ -62,10 +55,7 @@ export default function RoofShapePassivitySetting({ id, pos = { x: 50, y: 230 }
             </button>
           </div>
         </div>
-        <div className="grid-btn-wrap" style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: '5px' }}>
+        <div className="grid-btn-wrap">
-          <button style={{ width: 'auto' }} type="button" onClick={() => setUseCalcPad((prev) => !prev)}>
-            <Image src={useCalcPad ? '/static/images/common/Icon_ON_Black.png' : '/static/images/common/Icon_OFF_Black.png'} alt="toggle" width={34} height={34} />
-          </button>
           <button className="btn-frame modal act" onClick={() => handleSave(id)}>
             {getMessage('common.setting.finish')}
           </button>

src/components/floor-plan/modal/roofShape/passivity/Eaves.jsx

@@ -5,7 +5,7 @@ import { selectedRoofMaterialSelector } from '@/store/settingAtom'
 import { useEffect } from 'react'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
 
-export default function Eaves({ offsetRef, pitchRef, pitchText, disableKeypad }) {
+export default function Eaves({ offsetRef, pitchRef, pitchText }) {
   const { getMessage } = useMessage()
   const currentAngleType = useRecoilValue(currentAngleTypeSelector)
   const selectedRoofMaterial = useRecoilValue(selectedRoofMaterialSelector)
@@ -30,7 +30,6 @@ export default function Eaves({ offsetRef, pitchRef, pitchText, disableKeypad })
             className="input-origin block"
             ref={pitchRef}
             value={currentAngleType === ANGLE_TYPE.SLOPE ? selectedRoofMaterial.pitch : selectedRoofMaterial.angle}
-            disableKeypad={disableKeypad}
             options={{
               allowNegative: false,
               allowDecimal: true //(index !== 0),
@@ -53,7 +52,6 @@ export default function Eaves({ offsetRef, pitchRef, pitchText, disableKeypad })
             value={offsetRef.current?.value ?? 500}  // Set default value to 500
             ref={offsetRef}
             onChange={() => {}}
-            disableKeypad={disableKeypad}
             options={{
               allowNegative: false,
               allowDecimal: false

src/components/floor-plan/modal/roofShape/passivity/Gable.jsx

@@ -3,7 +3,7 @@ import { useRecoilValue } from 'recoil'
 import { currentAngleTypeSelector } from '@/store/canvasAtom'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
 
-export default function Gable({ offsetRef, disableKeypad }) {
+export default function Gable({ offsetRef }) {
   const { getMessage } = useMessage()
   const currentAngleType = useRecoilValue(currentAngleTypeSelector)
   return (
@@ -22,7 +22,6 @@ export default function Gable({ offsetRef, disableKeypad }) {
             value={offsetRef.current?.value ?? 300}  // Set default value to 500
             ref={offsetRef}
             onChange={() => {}}
-            disableKeypad={disableKeypad}
             options={{
               allowNegative: false,
               allowDecimal: false

src/components/floor-plan/modal/roofShape/passivity/Shed.jsx

@@ -1,7 +1,7 @@
 import { useMessage } from '@/hooks/useMessage'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
 
-export default function Shed({ offsetRef, disableKeypad }) {
+export default function Shed({ offsetRef }) {
   const { getMessage } = useMessage()
   return (
     <>
@@ -19,7 +19,6 @@ export default function Shed({ offsetRef, disableKeypad }) {
             value={offsetRef.current?.value ?? 300}  // Set default value to 500
             ref={offsetRef}
             onChange={() => {}}
-            disableKeypad={disableKeypad}
             options={{
               allowNegative: false,
               allowDecimal: false

src/components/floor-plan/modal/wallLineOffset/WallLineOffsetSetting.jsx

@@ -4,14 +4,10 @@ import WallLine from '@/components/floor-plan/modal/wallLineOffset/type/WallLine
 import Offset from '@/components/floor-plan/modal/wallLineOffset/type/Offset'
 import { useWallLineOffsetSetting } from '@/hooks/roofcover/useWallLineOffsetSetting'
 import { usePopup } from '@/hooks/usePopup'
-import { useState } from 'react'
-import Image from 'next/image'
 
 export default function WallLineOffsetSetting({ id, pos = { x: 50, y: 230 } }) {
   const { getMessage } = useMessage()
   const { closePopup } = usePopup()
-  const [useCalcPad, setUseCalcPad] = useState(false)
-  const disableKeypad = !useCalcPad
   const {
     type,
     setType,
@@ -34,14 +30,12 @@ export default function WallLineOffsetSetting({ id, pos = { x: 50, y: 230 } }) {
     arrow2Ref,
     radioTypeRef,
     currentWallLineRef,
-    disableKeypad,
   }
 
   const offsetProps = {
     length1Ref,
     arrow1Ref,
     currentWallLineRef,
-    disableKeypad,
   }
 
   return (
@@ -60,10 +54,7 @@ export default function WallLineOffsetSetting({ id, pos = { x: 50, y: 230 } }) {
           {type === TYPES.WALL_LINE_EDIT && <WallLine ref={wallLineEditRef} {...wallLineProps} />}
           {type === TYPES.OFFSET && <Offset {...offsetProps} />}
         </div>
-        <div className="grid-btn-wrap" style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: '5px' }}>
+        <div className="grid-btn-wrap">
-          <button style={{ width: 'auto' }} type="button" onClick={() => setUseCalcPad((prev) => !prev)}>
-            <Image src={useCalcPad ? '/static/images/common/Icon_ON_Black.png' : '/static/images/common/Icon_OFF_Black.png'} alt="toggle" width={34} height={34} />
-          </button>
           <button className="btn-frame modal act" onClick={handleSave}>
             {getMessage('modal.common.save')}
           </button>

src/components/floor-plan/modal/wallLineOffset/type/Offset.jsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react'
 import { useEvent } from '@/hooks/useEvent'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
 
-export default function Offset({ length1Ref, arrow1Ref, currentWallLineRef, disableKeypad }) {
+export default function Offset({ length1Ref, arrow1Ref, currentWallLineRef }) {
   const { getMessage } = useMessage()
   const { addDocumentEventListener, initEvent } = useEvent()
   // const { addDocumentEventListener, initEvent } = useContext(EventContext)
@@ -84,7 +84,6 @@ export default function Offset({ length1Ref, arrow1Ref, currentWallLineRef, disa
                       value={length1Ref.current?.value ?? 0}
                       ref={length1Ref}
                       onChange={() => {}}
-                      disableKeypad={disableKeypad}
                       options={{
                         allowNegative: false,
                         allowDecimal: false

src/components/floor-plan/modal/wallLineOffset/type/WallLine.jsx

@@ -3,7 +3,7 @@ import { forwardRef, useEffect, useImperativeHandle, useState } from 'react'
 import { useEvent } from '@/hooks/useEvent'
 import { CalculatorInput } from '@/components/common/input/CalcInput'
 
-export default forwardRef(function WallLine({ length1Ref, length2Ref, arrow1Ref, arrow2Ref, radioTypeRef, currentWallLineRef, disableKeypad }, ref) {
+export default forwardRef(function WallLine({ length1Ref, length2Ref, arrow1Ref, arrow2Ref, radioTypeRef, currentWallLineRef }, ref) {
   const { getMessage } = useMessage()
   const { addDocumentEventListener, initEvent } = useEvent()
   // const { addDocumentEventListener, initEvent } = useContext(EventContext)
@@ -57,7 +57,6 @@ export default forwardRef(function WallLine({ length1Ref, length2Ref, arrow1Ref,
                         ref={length1Ref}
                         onChange={() => {}}
                         readOnly={type !== 1}
-                        disableKeypad={disableKeypad}
                         options={{
                           allowNegative: false,
                           allowDecimal: false
@@ -106,7 +105,6 @@ export default forwardRef(function WallLine({ length1Ref, length2Ref, arrow1Ref,
                         ref={length2Ref}
                         onChange={() => {}}
                         readOnly={type !== 2}
-                        disableKeypad={disableKeypad}
                         options={{
                           allowNegative: false,
                           allowDecimal: false

src/hooks/surface/usePlacementShapeDrawing.js

@@ -7,7 +7,6 @@ import { useEffect, useRef } from 'react'
 import { fabric } from 'fabric'
 import { calculateAngle } from '@/util/qpolygon-utils'
 import {
-  OUTER_LINE_TYPE,
   placementShapeDrawingAngle1State,
   placementShapeDrawingAngle2State,
   placementShapeDrawingArrow1State,
@@ -93,7 +92,6 @@ export function usePlacementShapeDrawing(id) {
 
   useEffect(() => {
     setPoints([])
-    setType(OUTER_LINE_TYPE.OUTER_LINE)
 
     return () => {
       const placementShapeDrawingStartPoint = canvas.getObjects().find((obj) => obj.name === 'placementShapeDrawingStartPoint')