@devtron-labs/devtron-fe-common-lib 0.0.59-beta-10 → 0.0.59

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

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-import { GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
-export interface EmptyPageTextType {
-    title?: GenericEmptyStateType['title'];
-    subTitle?: GenericEmptyStateType['subTitle'];
-}
-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/BulkSelection/BulkSelection.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BulkSelectionProps } from './types';
-declare const BulkSelection: <T>({ checkboxValue, isChecked, selectedIdentifiers, handleBulkSelection, showPagination, }: BulkSelectionProps<T>) => JSX.Element;
-export default BulkSelection;

package/dist/Shared/Components/BulkSelection/BulkSelectionDropdownItems.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BulkSelectionDropdownItemsProps } from './types';
-declare const BulkSelectionDropdownItems: <T>({ locator, label, isSelected, handleBulkSelection, icon: Icon, }: BulkSelectionDropdownItemsProps<T>) => JSX.Element;
-export default BulkSelectionDropdownItems;

package/dist/Shared/Components/BulkSelection/UseBulkSelection.d.ts

@@ -1,3 +0,0 @@
-import { UseBulkSelectionProps, UseBulkSelectionReturnType } from './types';
-declare const useBulkSelection: <T>({ identifiers, getSelectAllDialogStatus, }: UseBulkSelectionProps<T>) => UseBulkSelectionReturnType<T>;
-export default useBulkSelection;

package/dist/Shared/Components/BulkSelection/constants.d.ts

@@ -1,8 +0,0 @@
-export declare const BULK_DROPDOWN_TEST_ID: "bulk-selection-pop-up-menu";
-export declare const BulkSelectionOptionsLabels: {
-    readonly SELECT_ALL_ON_PAGE: "All on this page";
-    readonly SELECT_ALL_ACROSS_PAGES: "All across pages";
-    readonly CLEAR_ALL_SELECTIONS: "Clear selection";
-};
-export declare const SELECT_ALL_ACROSS_PAGES_LOCATOR: "*";
-export declare const getInvalidActionMessage: (action: string) => string;

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

@@ -1,4 +0,0 @@
-export { default as BulkSelection } from './BulkSelection';
-export { default as useBulkSelection } from './UseBulkSelection';
-export * from './types';
-export * from './constants';

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

@@ -1,51 +0,0 @@
-/// <reference types="react" />
-import { CHECKBOX_VALUE } from '../../../Common';
-export declare enum BulkSelectionEvents {
-    CLEAR_ALL_SELECTIONS = "CLEAR_ALL_SELECTIONS",
-    CLEAR_IDENTIFIERS = "CLEAR_IDENTIFIERS",
-    SELECT_ALL_ACROSS_PAGES = "SELECT_ALL_ACROSS_PAGES",
-    SELECT_ALL_ON_PAGE = "SELECT_ALL_ON_PAGE",
-    SELECT_IDENTIFIER = "SELECT_IDENTIFIER",
-    CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION = "CLEAR_IDENTIFIERS_AFTER_ACROSS_SELECTION",
-    CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES = "CLEAR_SELECTIONS_AND_SELECT_ALL_ACROSS_PAGES"
-}
-export interface HandleBulkSelectionType<T> {
-    action: BulkSelectionEvents;
-    data?: {
-        identifierIds?: (number | string)[];
-        identifierObject?: T;
-    };
-}
-export interface UseBulkSelectionReturnType<T> {
-    selectedIdentifiers: T;
-    handleBulkSelection: ({ action, data }: HandleBulkSelectionType<T>) => void;
-}
-export interface BulkSelectionProps<T> extends UseBulkSelectionReturnType<T> {
-    checkboxValue: CHECKBOX_VALUE;
-    isChecked: boolean;
-    showPagination: boolean;
-}
-export interface BulkSelectionDropdownItemsType {
-    locator: BulkSelectionEvents;
-    label: string;
-    isSelected: boolean;
-    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-}
-export interface BulkSelectionDropdownItemsProps<T> extends BulkSelectionDropdownItemsType, Pick<BulkSelectionProps<T>, 'handleBulkSelection'> {
-}
-export declare enum SelectAllDialogStatus {
-    OPEN = "OPEN",
-    CLOSED = "CLOSED"
-}
-export type BulkSelectionIdentifiersType<T> = Record<string | number, T>;
-export interface UseBulkSelectionProps<T> {
-    /**
-     * Response from API, assuming structure to be array of objects with key and values
-     * This will the given ids on current page
-     */
-    identifiers: T;
-    /**
-     * Act as buffer between select all across pages and select all on page state
-     */
-    getSelectAllDialogStatus: () => SelectAllDialogStatus;
-}

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,3 +0,0 @@
-export * from './APIResponseHandler';
-export * from './ReactSelect';
-export * from './BulkSelection';

package/dist/Shared/Helpers.d.ts

@@ -1,16 +0,0 @@
-interface HighlightSearchTextProps {
-    /**
-     * The text to be highlighted
-     */
-    searchText: string;
-    /**
-     * The whole text string
-     */
-    text: string;
-    /**
-     * The classes to be applied to the highlighted text
-     */
-    highlightClasses?: string;
-}
-export declare const highlightSearchText: ({ searchText, text, highlightClasses }: HighlightSearchTextProps) => string;
-export {};

package/dist/Shared/index.d.ts

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

package/dist/Shared/validations.d.ts

@@ -1,8 +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;
-export declare const validateRequiredPositiveInteger: (value: string | number) => ValidationResponseType;

package/src/Assets/Icon/ic-check-all.svg

@@ -1,5 +0,0 @@
-<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="2" y="2" width="11.2" height="11.2" rx="2" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.4667 5.86621V11.4662C15.4667 13.6754 13.6758 15.4662 11.4667 15.4662H5.8667" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10.35 5.84961L6.85004 9.34945L5.10004 7.59961" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/Assets/Icon/ic-check-square.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="2" y="2" width="12" height="12" rx="2" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.2083 5.95801L7.12498 10.0412L5.08331 7.99967" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

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

@@ -1,3 +0,0 @@
-<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.33335 1.66699L1.66669 8.33366M8.33335 8.33366L1.66669 1.66699" stroke="#596168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

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,128 +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}
-
-            <div className="flexbox dc__content-space w-100">
-                <span className="m-0 pt-0 pb-0 pl-4 pr-4 fs-13 lh-20 fw-4 cn-9 dc__ellipsis-right dc__word-break-all flex-grow-1">
-                    {inheritingDataString}
-                </span>
-
-                {/* TODO: Add ellipsis */}
-                <p className="m-0 cn-7 fs-13 fw-4 lh-20 dc__no-shrink">
-                    {BUILD_INFRA_TEXT.INHERITING_HEADING_DESCRIPTION}
-                </p>
-            </div>
-        </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
-                                        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

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

@@ -1,106 +0,0 @@
-import { FormEvent, FunctionComponent, useMemo } from 'react'
-import ReactSelect from 'react-select'
-import { BuildInfraFormActionProps } from './types'
-import { OptionType } from '../../../Common'
-import { unitSelectorStyles } from './utils'
-import { BUILD_INFRA_INPUT_CONSTRAINTS } from './constants'
-import { ReactComponent as ErrorIcon } from '../../../Assets/Icon/ic-warning.svg'
-
-/**
- * In case need arise for variants break this CustomInput and Select as a separate component
- */
-const BuildInfraFormAction: FunctionComponent<BuildInfraFormActionProps> = ({
-    actionType,
-    label,
-    placeholder,
-    error,
-    isRequired,
-    profileUnitsMap,
-    handleProfileInputChange,
-    currentUnitName,
-    currentValue,
-}) => {
-    const handleUnitChange = (selectedUnit: OptionType) => {
-        const data = {
-            unit: selectedUnit.label,
-            value: currentValue,
-        }
-        handleProfileInputChange({ action: actionType, data })
-    }
-
-    const handleInputChange = (e: FormEvent<HTMLInputElement>) => {
-        const data = {
-            unit: currentUnitName,
-            value: e.currentTarget.value,
-        }
-        handleProfileInputChange({ action: actionType, data })
-    }
-
-    const unitOptions = useMemo(() => {
-        const units =
-            Object.values(profileUnitsMap)?.map((unit) => ({
-                label: unit.name,
-                value: String(unit.conversionFactor),
-            })) ?? []
-        return units.sort((a, b) => Number(a.value) - Number(b.value))
-    }, [profileUnitsMap])
-
-    const currentUnit = useMemo(
-        () => unitOptions.find((unit) => unit.label === currentUnitName),
-        [unitOptions, currentUnitName],
-    )
-
-    return (
-        <div className="flexbox-col dc__gap-4 dc__mxw-420 w-100 dc__align-start">
-            <label
-                htmlFor={`${actionType}-input`}
-                className={`fs-13 fw-4 lh-20 cn-7 ${isRequired ? 'dc__required-field' : ''}`}
-            >
-                {label}
-            </label>
-            <div className="w-100 flexbox dc__align-items-center">
-                <div className="flex-grow-1">
-                    <input
-                        data-testid={`${actionType}-input-field`}
-                        name={actionType}
-                        type="number"
-                        step={BUILD_INFRA_INPUT_CONSTRAINTS.STEP}
-                        min={BUILD_INFRA_INPUT_CONSTRAINTS.MIN}
-                        className="form__input dc__no-right-border dc__no-right-radius"
-                        placeholder={placeholder}
-                        value={currentValue}
-                        onChange={handleInputChange}
-                        required={isRequired}
-                        autoComplete="off"
-                        id={`${actionType}-input`}
-                    />
-                </div>
-
-                {profileUnitsMap && (
-                    <ReactSelect
-                        name={`${actionType}-unit`}
-                        className="bcn-0 dc__mxw-120"
-                        options={unitOptions}
-                        value={currentUnit}
-                        onChange={handleUnitChange}
-                        isSearchable={false}
-                        components={{
-                            IndicatorSeparator: null,
-                            ClearIndicator: null,
-                        }}
-                        styles={unitSelectorStyles()}
-                    />
-                )}
-            </div>
-
-            {error && (
-                <div className="form__error">
-                    <ErrorIcon className="form__icon form__icon--error" />
-                    {error}
-                </div>
-            )}
-        </div>
-    )
-}
-
-export default BuildInfraFormAction

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

@@ -1,55 +0,0 @@
-import { FormEvent, FunctionComponent } from 'react'
-import { BuildInfraFormItemProps, BuildInfraInheritActions } from './types'
-import { CHECKBOX_VALUE, Checkbox } from '../../../Common'
-
-const BuildInfraFormItem: FunctionComponent<BuildInfraFormItemProps> = ({
-    heading,
-    marker: Marker,
-    children,
-    isInheriting,
-    showDivider,
-    handleProfileInputChange,
-    locator,
-    isDefaultProfile,
-}) => {
-    const handleActivationChange = (e: FormEvent<HTMLInputElement>) => {
-        const { checked } = e.currentTarget
-        const action = (checked ? `activate_${locator}` : `de_activate_${locator}`) as BuildInfraInheritActions
-        handleProfileInputChange({ action })
-    }
-
-    const renderMarker = () => {
-        if (isDefaultProfile) {
-            return <Marker className="icon-dim-20 dc__no-shrink" />
-        }
-
-        return (
-            <Checkbox
-                onChange={handleActivationChange}
-                isChecked={!isInheriting}
-                value={CHECKBOX_VALUE.CHECKED}
-                dataTestId={`${locator}_marker`}
-            />
-        )
-    }
-
-    // If in configuration active is false, means it is inheriting values from other profile
-    return (
-        <>
-            <div className="flexbox-col dc__gap-8 w-100">
-                <div className="flexbox dc__gap-12 dc__align-start w-100">
-                    {renderMarker()}
-
-                    <div className="flexbox-col dc__gap-8 w-100">
-                        {heading}
-                        {!isInheriting && children}
-                    </div>
-                </div>
-            </div>
-
-            {showDivider && <div className="w-100 dc__border-bottom-n1" />}
-        </>
-    )
-}
-
-export default BuildInfraFormItem

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

@@ -1,32 +0,0 @@
-import { FormEvent, FunctionComponent } from 'react'
-import { BuildInfraMetaConfigTypes, BuildInfraInputFieldComponentProps } from './types'
-import { CustomInput } from '../../../Common'
-import { BUILD_INFRA_TEXT } from './constants'
-
-const BuildInfraProfileNameField: FunctionComponent<BuildInfraInputFieldComponentProps> = ({
-    handleProfileInputChange,
-    currentValue,
-    error,
-}) => {
-    const handleChange = (e: FormEvent<HTMLInputElement>) => {
-        handleProfileInputChange({ action: BuildInfraMetaConfigTypes.NAME, data: { value: e.currentTarget.value } })
-    }
-
-    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"
-            />
-        </div>
-    )
-}
-
-export default BuildInfraProfileNameField

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

@@ -1,45 +0,0 @@
-import { DescriptorProps } from './types'
-import { BreadCrumb, TippyCustomized, TippyTheme } from '../../../Common'
-import { ReactComponent as QuestionFilled } from '../../../Assets/Icon/ic-help.svg'
-import { ReactComponent as ICHelpOutline } from '../../../Assets/Icon/ic-help-outline.svg'
-import { BUILD_INFRA_TEXT } from './constants'
-
-const Descriptor = ({
-    additionalContainerClasses,
-    breadCrumbs,
-    children,
-    tippyInfoText,
-    tippyAdditionalContent,
-}: DescriptorProps) => (
-    <div className={`flexbox dc__content-space dc__align-items-center w-100 ${additionalContainerClasses ?? ''}`}>
-        <div className="flexbox dc__align-items-center dc__gap-4">
-            <BreadCrumb breadcrumbs={breadCrumbs} />
-
-            <TippyCustomized
-                theme={TippyTheme.white}
-                className="w-300 h-100 dc__align-left"
-                placement="right"
-                Icon={QuestionFilled}
-                iconClass="fcv-5"
-                infoText={tippyInfoText ?? BUILD_INFRA_TEXT.EDIT_DEFAULT_TOOLTIP}
-                additionalContent={tippyAdditionalContent}
-                heading={BUILD_INFRA_TEXT.HEADING}
-                showCloseButton
-                trigger="click"
-                interactive
-            >
-                <button
-                    className="p-0 h-20 dc__no-background dc__no-border dc__tab-focus"
-                    type="button"
-                    aria-label="build-infra-info"
-                >
-                    <ICHelpOutline className="icon-dim-20" />
-                </button>
-            </TippyCustomized>
-        </div>
-
-        {children}
-    </div>
-)
-
-export default Descriptor