Merge pull request #592 from devtron-labs/fix/custom-input-stop-propagation

fix: remove stop propagation in customInput

Author: Elessar1802

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.7.6",
+    "version": "1.7.7",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { InputHTMLAttributes, useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
 import { FormFieldWrapper, getFormFieldAriaAttributes } from '@Shared/Components/FormFieldWrapper'
 import {
     COMPONENT_SIZE_TYPE_TO_FONT_AND_BLOCK_PADDING_MAP,
@@ -75,14 +75,6 @@ const CustomInput = ({
         onBlur?.(event)
     }
 
-    const handleKeyDown: InputHTMLAttributes<HTMLInputElement>['onKeyDown'] = (event) => {
-        if (event.key === 'Enter' || event.key === 'Escape') {
-            event.stopPropagation()
-        }
-
-        props.onKeyDown?.(event)
-    }
-
     const handleEndIconButtonClick: CustomInputProps['endIconButtonConfig']['onClick'] = (event) => {
         event.stopPropagation()
         inputRef.current.focus()
@@ -123,7 +115,6 @@ const CustomInput = ({
                     data-testid={name}
                     required={required}
                     onBlur={handleBlur}
-                    onKeyDown={handleKeyDown}
                     type={type}
                     ref={inputRef}
                     className={`${COMPONENT_SIZE_TYPE_TO_FONT_AND_BLOCK_PADDING_MAP[size]} ${COMPONENT_SIZE_TYPE_TO_INLINE_PADDING_MAP[size]} ${deriveBorderRadiusAndBorderClassFromConfig({ borderConfig, borderRadiusConfig })} ${endIconButtonConfig ? `custom-input__with-icon-button--${size}` : ''} w-100 dc__overflow-auto`}