Merge pull request #582 from devtron-labs/feat/text-field

feat: update the API for CustomInput

Author: eshankvaish

.eslintignore

@@ -13,7 +13,6 @@ src/Common/Checkbox.tsx
 src/Common/ClipboardButton/__tests__/ClipboardButton.test.tsx
 src/Common/CodeEditor/CodeEditor.tsx
 src/Common/Common.service.ts
-src/Common/CustomInput/CustomInput.tsx
 src/Common/CustomTagSelector/PropagateTagInfo.tsx
 src/Common/CustomTagSelector/TagDetails.tsx
 src/Common/CustomTagSelector/TagLabelValueSelector.tsx

package-lock.json

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

package.json

@@ -16,3 +16,4 @@
 
 export { default as Tooltip } from './Tooltip'
 export { TOOLTIP_CONTENTS } from './constants'
+export type { TooltipProps } from './types'

src/Assets/Icon/ic-visibility-off.svg

@@ -59,7 +59,6 @@ export * from './RJSF'
 export * from './DevtronProgressing'
 export { default as ChartVersionAndTypeSelector } from './ChartVersionAndTypeSelector'
 export * from './AddCDButton'
-export * from './CustomInput'
 export * from './DraggableWrapper'
 export * from './Pagination'
 export * from './Markdown'

src/Assets/Icon/ic-visibility-on.svg

@@ -15,8 +15,8 @@
  */
 
 import { FormEvent, FunctionComponent } from 'react'
+import { CustomInput } from '@Shared/Components'
 import { BuildInfraMetaConfigTypes, BuildInfraProfileMetaFieldProps } from './types'
-import { CustomInput } from '../../../Common'
 import { BUILD_INFRA_TEXT } from './constants'
 
 const BuildInfraProfileNameField: FunctionComponent<BuildInfraProfileMetaFieldProps> = ({
@@ -38,20 +38,17 @@ const BuildInfraProfileNameField: FunctionComponent<BuildInfraProfileMetaFieldPr
     }
 
     return (
-        <div className="flexbox-col dc__gap-4 w-100 dc__align-start">
-            <CustomInput
-                name="profile-name"
-                label={BUILD_INFRA_TEXT.PROFILE_LABEL}
-                labelClassName="m-0 dc__required-field fs-13 fw-4 lh-20 cn-7"
-                placeholder={BUILD_INFRA_TEXT.PROFILE_PLACEHOLDER}
-                value={currentValue}
-                onChange={handleChange}
-                error={error}
-                required
-                inputWrapClassName="w-100"
-                autoFocus
-            />
-        </div>
+        <CustomInput
+            name="profile-name"
+            label={BUILD_INFRA_TEXT.PROFILE_LABEL}
+            placeholder={BUILD_INFRA_TEXT.PROFILE_PLACEHOLDER}
+            value={currentValue}
+            onChange={handleChange}
+            error={error}
+            required
+            fullWidth
+            autoFocus
+        />
     )
 }