@devtron-labs/devtron-fe-common-lib 0.0.58-beta-8 → 0.0.58-beta-10

package/dist/Pages/GlobalConfigurations/BuildInfra/services.d.ts

@@ -1,13 +0,0 @@
-import { ResponseType } from '../../../Common';
-import { BuildInfraProfileResponseType, BuildInfraProfileTransformerType, CreateBuildInfraProfileType, GetBuildInfraProfileType, UpdateBuildInfraProfileType } from './types';
-export declare const getTransformedBuildInfraProfileResponse: ({ configurationUnits, defaultConfigurations, profile, fromCreateView, }: BuildInfraProfileTransformerType) => BuildInfraProfileResponseType;
-export declare const getBuildInfraProfileByName: ({ name, fromCreateView, }: GetBuildInfraProfileType) => Promise<BuildInfraProfileResponseType>;
-export declare const updateBuildInfraProfile: ({ name, profileInput }: UpdateBuildInfraProfileType) => Promise<ResponseType<any>>;
-export declare const createBuildInfraProfile: ({ profileInput }: CreateBuildInfraProfileType) => Promise<{
-    code: number;
-    result: import("./types").BuildInfraProfileData;
-}>;
-export declare const deleteBuildInfraProfileByName: (name: string) => Promise<{
-    code: number;
-    result: any;
-}>;

package/dist/Pages/GlobalConfigurations/BuildInfra/types.d.ts

@@ -1,281 +0,0 @@
-import { FormEvent, FunctionComponent, ReactNode } from 'react';
-import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
-import { ValidationResponseType } from '../../../Shared';
-import { ServerErrors } from '../../../Common';
-/**
- * Unique actions that will be dispatched and,
- * Keeping some values (cpu_limit, etc) in sync with backend
- */
-export declare enum BuildInfraConfigTypes {
-    CPU_LIMIT = "cpu_limit",
-    CPU_REQUEST = "cpu_request",
-    MEMORY_LIMIT = "memory_limit",
-    MEMORY_REQUEST = "memory_request",
-    BUILD_TIMEOUT = "timeout"
-}
-/**
- * Combination of BuildInfraConfigTypes and BuildInfraMetaConfigTypes is going to derive error state and actions(actions will also be derived with BuildInfraInheritActions)
- */
-export declare enum BuildInfraMetaConfigTypes {
-    NAME = "name",
-    DESCRIPTION = "description"
-}
-/**
- * Would be used as key for few components and would be appending activate and de_activate actions to it
- */
-export declare enum BuildInfraLocators {
-    CPU = "cpu",
-    MEMORY = "memory",
-    BUILD_TIMEOUT = "timeout"
-}
-export declare enum BuildInfraInheritActions {
-    ACTIVATE_CPU = "activate_cpu",
-    DE_ACTIVATE_CPU = "de_activate_cpu",
-    ACTIVATE_MEMORY = "activate_memory",
-    DE_ACTIVATE_MEMORY = "de_activate_memory",
-    ACTIVATE_BUILD_TIMEOUT = "activate_build_timeout",
-    DE_ACTIVATE_BUILD_TIMEOUT = "de_activate_build_timeout"
-}
-export declare const BuildInfraLocatorsActionMap: {
-    timeout: BuildInfraLocators;
-    cpu_limit: BuildInfraLocators;
-    cpu_request: BuildInfraLocators;
-    memory_limit: BuildInfraLocators;
-    memory_request: BuildInfraLocators;
-};
-export declare enum BuildInfraProfileVariants {
-    DEFAULT = "DEFAULT",
-    NORMAL = "NORMAL",
-    CUSTOM = "CUSTOM"
-}
-export interface DescriptorProps {
-    /**
-     * In case we want to restrict the max-width
-     */
-    additionalContainerClasses?: string;
-    breadCrumbs: Breadcrumb[];
-    /**
-     * Would stick at right of div
-     */
-    children?: ReactNode;
-}
-export interface BuildInfraActionType {
-    /**
-     * Type of action to be dispatched, would be suffixed with type of change
-     */
-    actionType: BuildInfraConfigTypes;
-    /**
-     * Label to be shown above input
-     */
-    label: string;
-    /**
-     * Placeholder for input, can be optional
-     */
-    placeholder?: string;
-}
-export interface BuildInfraConfigurationMarkerProps {
-    className?: string;
-}
-export interface BuildInfraFormFieldType {
-    /**
-     * Heading of the form item
-     */
-    heading: ReactNode;
-    /**
-     * Icon/Checkbox to be shown in front of heading
-     */
-    marker: FunctionComponent<BuildInfraConfigurationMarkerProps>;
-    /**
-     * Actions to be shown in the form item
-     */
-    actions: BuildInfraActionType[];
-    /**
-     * Unique identifier for the form item used for key
-     */
-    locator: BuildInfraLocators;
-}
-export interface ConfigurationUnitType {
-    name: string;
-    conversionFactor: number;
-}
-export type ConfigurationUnitMapType = {
-    [key: ConfigurationUnitType['name']]: ConfigurationUnitType;
-};
-export type BuildInfraUnitsMapType = {
-    [key in BuildInfraConfigTypes]: ConfigurationUnitMapType;
-};
-export interface BuildInfraConfigValuesType {
-    value: string;
-    unit?: ConfigurationUnitType['name'];
-}
-interface BuildInfraProfileConfigBase {
-    id?: number;
-    key: BuildInfraConfigTypes;
-    profileName: string;
-    active: boolean;
-}
-export interface BuildInfraProfileConfigResponseDataType extends BuildInfraConfigValuesType, BuildInfraProfileConfigBase {
-}
-export interface BuildInfraConfigurationType extends BuildInfraConfigValuesType, BuildInfraProfileConfigBase {
-    defaultValue: BuildInfraConfigValuesType;
-}
-export type BuildInfraConfigurationMapType = {
-    [key in BuildInfraConfigTypes]: BuildInfraConfigurationType;
-};
-export interface BuildInfraProfileBase {
-    id?: number;
-    name: string;
-    description: string;
-    type: BuildInfraProfileVariants;
-    appCount: number;
-}
-export interface BuildInfraProfileResponseDataType extends BuildInfraProfileBase {
-    configurations: BuildInfraProfileConfigResponseDataType[];
-}
-export interface BuildInfraProfileData extends BuildInfraProfileBase {
-    configurations: BuildInfraConfigurationMapType;
-}
-export interface GetBuildInfraProfileType {
-    name: string;
-    fromCreateView?: boolean;
-}
-export interface BuildInfraProfileResponseType {
-    configurationUnits: BuildInfraUnitsMapType | null;
-    profile: BuildInfraProfileData | null;
-}
-export interface UseBuildInfraFormProps {
-    /**
-     * Name of the profile, if not provided assumption would be for create view
-     */
-    name?: string;
-    /**
-     * If true, would send put request else would create profile via post
-     */
-    editProfile?: boolean;
-    /**
-     * If true, call this on form submission success
-     */
-    handleSuccessRedirection?: () => void;
-}
-export type ProfileInputErrorType = {
-    [key in BuildInfraConfigTypes | BuildInfraMetaConfigTypes]: string;
-};
-export interface ProfileInputDispatchDataType {
-    value: string;
-    unit?: string;
-}
-export interface HandleProfileInputChangeType {
-    action: BuildInfraConfigTypes | BuildInfraInheritActions | BuildInfraMetaConfigTypes;
-    data?: ProfileInputDispatchDataType;
-}
-export interface UseBuildInfraFormResponseType {
-    isLoading: boolean;
-    profileResponse: BuildInfraProfileResponseType | null;
-    responseError: ServerErrors | null;
-    reloadRequest: () => void;
-    profileInput: BuildInfraProfileData;
-    profileInputErrors: ProfileInputErrorType;
-    handleProfileInputChange: ({ action, data }: HandleProfileInputChangeType) => void;
-    loadingActionRequest: boolean;
-    handleSubmit: (e: FormEvent<HTMLFormElement>) => Promise<void>;
-}
-export interface BuildInfraFormItemProps extends Pick<BuildInfraFormFieldType, 'marker' | 'heading'> {
-    children?: ReactNode;
-    /**
-     * If true, means profile is inheriting values from other profile (e.g, default)
-     */
-    isInheriting?: boolean;
-    /**
-     * Would be false for last item
-     */
-    showDivider?: boolean;
-    /**
-     * Would be used to dispatch inherit actions (activate_cpu, de_activate_cpu, etc)
-     */
-    handleProfileInputChange: UseBuildInfraFormResponseType['handleProfileInputChange'];
-    locator: BuildInfraFormFieldType['locator'];
-    isDefaultProfile: boolean;
-}
-export interface ValidateRequestLimitType {
-    request: BuildInfraConfigValuesType;
-    limit: BuildInfraConfigValuesType;
-    unitsMap: ConfigurationUnitMapType;
-}
-export interface ValidateRequestLimitResponseType {
-    request: ValidationResponseType;
-    limit: ValidationResponseType;
-}
-export interface BuildInfraConfigFormProps extends Pick<UseBuildInfraFormResponseType, 'profileInput' | 'profileInputErrors' | 'handleProfileInputChange'> {
-    isDefaultProfile?: boolean;
-    unitsMap?: BuildInfraProfileResponseType['configurationUnits'];
-    configurationContainerLabel?: ReactNode;
-}
-export interface BuildInfraFormActionProps extends BuildInfraActionType {
-    handleProfileInputChange: UseBuildInfraFormResponseType['handleProfileInputChange'];
-    currentValue: BuildInfraConfigValuesType['value'];
-    error?: string;
-    isRequired?: boolean;
-    profileUnitsMap?: ConfigurationUnitMapType;
-    currentUnitName?: BuildInfraConfigValuesType['unit'];
-}
-export interface FooterProps {
-    /**
-     * If true, means form contains errors
-     */
-    disabled?: boolean;
-    hideCancelButton?: boolean;
-    /**
-     * If true would show save changes else would show save for submit button
-     */
-    editProfile?: boolean;
-    loading?: boolean;
-}
-export interface UpdateBuildInfraProfileType extends Pick<UseBuildInfraFormResponseType, 'profileInput'> {
-    name: string;
-}
-export interface CreateBuildInfraProfileType extends Pick<UseBuildInfraFormResponseType, 'profileInput'> {
-}
-export interface CreateBuildInfraServiceConfigurationType {
-    key: BuildInfraConfigTypes;
-    value: string | number;
-    active: boolean;
-    unit?: string;
-    /**
-     * Would send for those that are available in profileInput
-     */
-    id?: number;
-}
-export interface CreateBuildInfraServicePayloadType {
-    name: string;
-    description: string;
-    type: BuildInfraProfileVariants;
-    configurations: CreateBuildInfraServiceConfigurationType[];
-}
-export interface BuildInfraInputFieldComponentProps {
-    handleProfileInputChange: UseBuildInfraFormResponseType['handleProfileInputChange'];
-    currentValue: BuildInfraConfigValuesType['value'];
-    error?: string;
-}
-export interface InheritingHeaderProps {
-    defaultHeading: BuildInfraFormFieldType['heading'];
-    inheritingData: BuildInfraConfigValuesType[];
-    isInheriting: boolean;
-    isDefaultProfile: boolean;
-}
-export interface BuildInfraConfigResponseDataType {
-    name: BuildInfraConfigTypes;
-    units: ConfigurationUnitType[];
-}
-interface BaseBuildInfraProfileResponseType {
-    defaultConfigurations: BuildInfraProfileConfigResponseDataType[];
-    configurationUnits: BuildInfraUnitsMapType;
-}
-export interface BuildInfraListResponseType extends BaseBuildInfraProfileResponseType {
-    profiles: BuildInfraProfileResponseDataType[];
-}
-export interface BuildInfraProfileAPIResponseType extends BaseBuildInfraProfileResponseType {
-    profile: BuildInfraProfileResponseDataType;
-}
-export interface BuildInfraProfileTransformerType extends BuildInfraProfileAPIResponseType, Pick<GetBuildInfraProfileType, 'fromCreateView'> {
-}
-export {};

package/dist/Pages/GlobalConfigurations/BuildInfra/utils.d.ts

@@ -1,12 +0,0 @@
-import { UseBuildInfraFormProps, UseBuildInfraFormResponseType, ValidateRequestLimitResponseType, ValidateRequestLimitType } from './types';
-export declare const validateRequestLimit: ({ request, limit, unitsMap, }: ValidateRequestLimitType) => ValidateRequestLimitResponseType;
-export declare const useBuildInfraForm: ({ name, editProfile, handleSuccessRedirection, }: UseBuildInfraFormProps) => UseBuildInfraFormResponseType;
-export declare const unitSelectorStyles: () => {
-    menuList: (base: any) => any;
-    control: (base: any, state: any) => any;
-    option: (base: any, state: any) => any;
-    dropdownIndicator: (base: any, state: any) => any;
-    valueContainer: (base: any) => any;
-    loadingMessage: (base: any) => any;
-    noOptionsMessage: (base: any) => any;
-};

package/dist/Shared/Components/APIResponseHandler/APIResponseHandler.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { APIResponseHandlerProps } from './types';
-declare const APIResponseHandler: ({ isLoading, progressingProps, error, notAuthorized, notFoundText, reloadProps, children, }: APIResponseHandlerProps) => JSX.Element;
-export default APIResponseHandler;

package/dist/Shared/Components/APIResponseHandler/index.d.ts

@@ -1,2 +0,0 @@
-export { default as APIResponseHandler } from './APIResponseHandler';
-export * from './types';

package/dist/Shared/Components/APIResponseHandler/types.d.ts

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-import { ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
-export interface EmptyPageTextType {
-    title?: string;
-    subTitle?: string;
-}
-export interface APIResponseHandlerProps {
-    /**
-     * If true, would show Progressing component
-     */
-    isLoading?: boolean;
-    /**
-     * If loading is true, would load send these props to Progressing component
-     */
-    progressingProps?: ProgressingProps;
-    /**
-     * If true and isLoading is false would show default Reload component
-     * In case error code is 404 show default 404 page using GenericEmptyState
-     */
-    error?: ServerErrors;
-    /**
-     * Page text for 404 page
-     */
-    notFoundText?: EmptyPageTextType;
-    /**
-     * If true would show Not Authorized page
-     */
-    notAuthorized?: boolean;
-    /**
-     * If given, on Error, would load these props
-     */
-    reloadProps?: ReloadType;
-    /**
-     * If no Error and no Loading, would load this component
-     */
-    children: ReactNode;
-}

package/dist/Shared/Components/ReactSelect/index.d.ts

@@ -1 +0,0 @@
-export * from './utils';

package/dist/Shared/Components/ReactSelect/utils.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
-    menuList: (base: any) => any;
-    control: (base: any, state: any) => any;
-    option: (base: any, state: any) => any;
-    dropdownIndicator: (base: any, state: any) => any;
-    valueContainer: (base: any) => any;
-    loadingMessage: (base: any) => any;
-    noOptionsMessage: (base: any) => any;
-};
-export declare const getCustomOptionSelectionStyle: (styleOverrides?: {}) => (base: any, state: any) => any;
-export declare const SelectOption: (props: any) => JSX.Element;

package/dist/Shared/Components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './APIResponseHandler';
-export * from './ReactSelect';

package/dist/Shared/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Components';
-export * from './validations';

package/dist/Shared/validations.d.ts

@@ -1,7 +0,0 @@
-export interface ValidationResponseType {
-    isValid: boolean;
-    message?: string;
-}
-export declare const validateName: (name: string) => ValidationResponseType;
-export declare const validateDescription: (description: string) => ValidationResponseType;
-export declare const validateRequiredPositiveNumber: (value: string | Number) => ValidationResponseType;

package/src/Assets/Icon/ic-cpu.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-  <path d="M12.5 5.625H7.5M12.5 8.125H7.5M15.625 3.125V16.875C15.625 17.2202 15.3452 17.5 15 17.5H5C4.65482 17.5 4.375 17.2202 4.375 16.875V3.125C4.375 2.77982 4.65482 2.5 5 2.5H15C15.3452 2.5 15.625 2.77982 15.625 3.125Z" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M10 15C10.5178 15 10.9375 14.5803 10.9375 14.0625C10.9375 13.5447 10.5178 13.125 10 13.125C9.48223 13.125 9.0625 13.5447 9.0625 14.0625C9.0625 14.5803 9.48223 15 10 15Z" fill="#596168"/>
-</svg>

package/src/Assets/Icon/ic-memory.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-  <path d="M16.25 8.125H18.125M16.25 11.875H18.125M1.875 8.125H3.75M1.875 11.875H3.75M11.875 16.25V18.125M8.125 16.25V18.125M11.875 1.875V3.75M8.125 1.875V3.75M7.8125 7.8125H12.1875V12.1875H7.8125V7.8125ZM4.375 3.75H15.625C15.9702 3.75 16.25 4.02982 16.25 4.375V15.625C16.25 15.9702 15.9702 16.25 15.625 16.25H4.375C4.02982 16.25 3.75 15.9702 3.75 15.625V4.375C3.75 4.02982 4.02982 3.75 4.375 3.75Z" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/Assets/Icon/ic-timer.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-  <path d="M10 11.0415L13.0936 7.94791M8.125 1.6665H11.875M16.875 11.0415C16.875 14.8385 13.797 17.9165 10 17.9165C6.20304 17.9165 3.125 14.8385 3.125 11.0415C3.125 7.24455 6.20304 4.1665 10 4.1665C13.797 4.1665 16.875 7.24455 16.875 11.0415Z" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraConfigForm.tsx

@@ -1,121 +0,0 @@
-import { FunctionComponent } from 'react'
-import { Progressing } from '../../../Common'
-import BuildInfraFormAction from './BuildInfraFormAction'
-import BuildInfraFormItem from './BuildInfraFormItem'
-import BuildInfraProfileDescriptionField from './BuildInfraDescriptionField'
-import BuildInfraProfileNameField from './BuildInfraProfileNameField'
-import { BUILD_INFRA_FORM_FIELDS, BUILD_INFRA_TEXT } from './constants'
-import { BuildInfraActionType, BuildInfraConfigFormProps, InheritingHeaderProps } from './types'
-
-const InheritingHeader = ({
-    defaultHeading,
-    inheritingData,
-    isInheriting,
-    isDefaultProfile,
-}: InheritingHeaderProps) => {
-    const inheritingDataString = inheritingData.map((data) => `${data.value} ${data.unit ?? ''}`).join(' - ')
-
-    if (isDefaultProfile || !isInheriting) {
-        // For typing issues
-        // eslint-disable-next-line react/jsx-no-useless-fragment
-        return <>{defaultHeading}</>
-    }
-
-    return (
-        <div className="flexbox dc__align-items-center dc__content-space w-100">
-            {defaultHeading}
-
-            <p className="m-0 flexbox pt-0 pb-0 pl-4 pr-4 fs-13 lh-20 fw-4 cn-9">{inheritingDataString}</p>
-
-            <p className="m-0 cn-7 fs-13 fw-4 lh-20">{BUILD_INFRA_TEXT.INHERITING_HEADING_DESCRIPTION}</p>
-        </div>
-    )
-}
-
-const BuildInfraConfigForm: FunctionComponent<BuildInfraConfigFormProps> = ({
-    profileInput,
-    profileInputErrors,
-    handleProfileInputChange,
-    isDefaultProfile,
-    unitsMap,
-    configurationContainerLabel,
-}) => {
-    const currentConfigurations = profileInput?.configurations
-
-    // will get the desired configuration from the currentConfigurations and then check if it is active or not
-    const isInheritingProfileValues = (actions: BuildInfraActionType[]) =>
-        actions.some((action) => !currentConfigurations[action.actionType].active)
-
-    // Had to show loader for an instance due to batching of state updates not working as expected :/
-    if (!currentConfigurations) {
-        return <Progressing pageLoader />
-    }
-
-    return (
-        <div className="flexbox-col dc__mxw-920 dc__gap-16">
-            {!isDefaultProfile && (
-                <div className="flexbox-col dc__gap-12">
-                    <BuildInfraProfileNameField
-                        handleProfileInputChange={handleProfileInputChange}
-                        currentValue={profileInput.name}
-                        error={profileInputErrors.name}
-                    />
-
-                    <BuildInfraProfileDescriptionField
-                        handleProfileInputChange={handleProfileInputChange}
-                        currentValue={profileInput.description}
-                        error={profileInputErrors.description}
-                    />
-                </div>
-            )}
-
-            <div className="flexbox-col dc__gap-12">
-                {configurationContainerLabel}
-
-                <div className="w-100 flexbox-col dc__gap-16 br-4 dc__border-n1 p-16">
-                    {BUILD_INFRA_FORM_FIELDS.map((field, index) => (
-                        <BuildInfraFormItem
-                            key={field.locator}
-                            marker={field.marker}
-                            heading={
-                                <InheritingHeader
-                                    defaultHeading={field.heading}
-                                    inheritingData={field.actions.map(
-                                        (action) => currentConfigurations[action.actionType],
-                                    )}
-                                    isInheriting={isInheritingProfileValues(field.actions)}
-                                    isDefaultProfile={isDefaultProfile}
-                                />
-                            }
-                            showDivider={index !== BUILD_INFRA_FORM_FIELDS.length - 1}
-                            isInheriting={isInheritingProfileValues(field.actions)}
-                            handleProfileInputChange={handleProfileInputChange}
-                            locator={field.locator}
-                            isDefaultProfile={isDefaultProfile}
-                        >
-                            <div className="w-50 flexbox dc__gap-12 w-100 dc__align-start">
-                                {field.actions.map((action) => (
-                                    <BuildInfraFormAction
-                                        key={action.actionType}
-                                        actionType={action.actionType}
-                                        label={action.label}
-                                        placeholder={action.placeholder}
-                                        error={profileInputErrors[action.actionType]}
-                                        // Assumption is for default profiles all input fields are required
-                                        isRequired={isDefaultProfile}
-                                        profileUnitsMap={unitsMap[action.actionType]}
-                                        handleProfileInputChange={handleProfileInputChange}
-                                        currentUnitName={currentConfigurations[action.actionType].unit}
-                                        currentValue={currentConfigurations[action.actionType].value}
-                                    />
-                                ))}
-                            </div>
-                        </BuildInfraFormItem>
-                    ))}
-                </div>
-            </div>
-        </div>
-    )
-}
-
-export default BuildInfraConfigForm

package/src/Pages/GlobalConfigurations/BuildInfra/BuildInfraDescriptionField.tsx

@@ -1,44 +0,0 @@
-import { FormEvent, FunctionComponent } from 'react'
-import { ReactComponent as ErrorIcon } from '../../../Assets/Icon/ic-warning.svg'
-import { BuildInfraInputFieldComponentProps, BuildInfraMetaConfigTypes } from './types'
-import { BUILD_INFRA_TEXT } from './constants'
-
-const BuildInfraProfileDescriptionField: FunctionComponent<BuildInfraInputFieldComponentProps> = ({
-    handleProfileInputChange,
-    currentValue,
-    error,
-}) => {
-    const handleChange = (e: FormEvent<HTMLTextAreaElement>) => {
-        handleProfileInputChange({
-            action: BuildInfraMetaConfigTypes.DESCRIPTION,
-            data: { value: e.currentTarget.value },
-        })
-    }
-
-    return (
-        <div className="flexbox-col dc__gap-4 w-100 dc__align-start">
-            <label htmlFor="build-infra-profile-description" className="m-0 fs-13 fw-4 lh-20 cn-7">
-                {BUILD_INFRA_TEXT.DESCRIPTION_LABEL}
-            </label>
-
-            <textarea
-                data-testid="build-infra-profile-description"
-                name="profile-description"
-                className="form__textarea mxh-140 dc__hover-border-n300"
-                id="build-infra-profile-description"
-                placeholder={BUILD_INFRA_TEXT.DESCRIPTION_PLACEHOLDER}
-                value={currentValue}
-                onChange={handleChange}
-            />
-
-            {error && (
-                <div className="form__error">
-                    <ErrorIcon className="form__icon form__icon--error" />
-                    {error}
-                </div>
-            )}
-        </div>
-    )
-}
-
-export default BuildInfraProfileDescriptionField