@devtron-labs/devtron-fe-common-lib 0.0.42-beta-6 → 0.0.42-beta-7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.0.42-beta-6",
+    "version": "0.0.42-beta-7",
     "description": "Supporting common component library",
     "main": "dist/index.js",
     "scripts": {
@@ -41,9 +41,6 @@
         "@sentry/browser": "^7.31.1"
     },
     "peerDependencies": {
-        "@rjsf/core": "^5.13.3",
-        "@rjsf/utils": "^5.13.3",
-        "@rjsf/validator-ajv8": "^5.13.3",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-router": "^5.3.0",

package/src/Common/Helper.tsx

@@ -1,12 +1,12 @@
-import * as Sentry from '@sentry/browser'
-import moment from 'moment'
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useLocation } from 'react-router-dom'
+import moment from 'moment'
 import { toast } from 'react-toastify'
-import { ReactComponent as FormError } from '../Assets/Icon/ic-warning.svg'
-import { ERROR_EMPTY_SCREEN, TOKEN_COOKIE_NAME } from './Constants'
+import * as Sentry from '@sentry/browser'
 import { ServerErrors } from './ServerError'
 import { toastAccessDenied } from './ToastBody'
+import { ERROR_EMPTY_SCREEN, TOKEN_COOKIE_NAME } from './Constants'
+import { ReactComponent as FormError } from '../Assets/Icon/ic-warning.svg'
 import { AsyncOptions, AsyncState, UseSearchString } from './Types'
 
 toast.configure({
@@ -116,11 +116,11 @@ export function getRandomColor(email: string): string {
     return colors[sum % colors.length]
 }
 
-export const getAlphabetIcon = (str: string) => {
+export const getAlphabetIcon = (str: string, intialAlphabetClassName?: string) => {
     if (!str) return null
     return (
         <span
-            className="alphabet-icon__initial fs-13 icon-dim-20 flex cn-0 mr-8"
+            className={`${intialAlphabetClassName} alphabet-icon__initial fs-13 icon-dim-20 flex cn-0 mr-8`}
             style={{ backgroundColor: getRandomColor(str) }}
         >
             {str[0]}
@@ -495,25 +495,3 @@ export const processDeployedTime = (lastDeployed, isArgoInstalled) => {
         return isArgoInstalled ? '' : 'Not deployed'
     }
 }
-
-/**
- * Appends search parameters to the url as a query string
- *
- * @param url URL to which the search params needs to be added
- * @param params Object for the search parameters
- */
-export const getUrlWithSearchParams = (url: string, params: Record<string | number, any>) => {
-    const searchParams = new URLSearchParams()
-    Object.keys(params).forEach((key) => {
-        if (params[key]) {
-            searchParams.append(key, params[key])
-        }
-    })
-    const queryString = searchParams.toString()
-    return url + (queryString ? `?${queryString}` : '')
-}
-
-/**
- * Custom exception logger function for logging errors to sentry
- */
-export const logExceptionToSentry = Sentry.captureException.bind(window)

package/src/Common/Types.ts

@@ -79,6 +79,7 @@ export interface TippyCustomizedProps {
     documentationLink?: string
     documentationLinkText?: string
     children: React.ReactElement<any>
+    followCursor?: boolean
 }
 export interface GenericEmptyStateType {
     title: ReactNode

package/src/Common/index.ts

@@ -40,4 +40,3 @@ export { default as Grid } from './Grid/Grid'
 export { default as ClipboardButton } from './ClipboardButton/ClipboardButton'
 export * from './Hooks'
 export { AppStatus } from './AppStatus'
-export * from './RJSF'

package/dist/Common/RJSF/Form.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { FormProps } from './types';
-import './rjsfForm.scss';
-export declare const RJSFForm: (props: FormProps) => JSX.Element;

package/dist/Common/RJSF/common/FieldRow.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { FieldRowProps } from './types';
-import { DO_NOT_SHOW_LABEL } from '../constants';
-export declare const FieldRowWithLabel: ({ showLabel, label, required, children, id, shouldAlignCenter, }: Omit<FieldRowProps, "label"> & {
-    label: FieldRowProps['label'] | typeof DO_NOT_SHOW_LABEL;
-}) => JSX.Element;

package/dist/Common/RJSF/common/types.d.ts

@@ -1,8 +0,0 @@
-import { FieldTemplateProps } from '@rjsf/utils';
-export interface FieldRowProps extends Pick<FieldTemplateProps, 'children' | 'label' | 'required' | 'id'> {
-    showLabel?: boolean;
-    /**
-     * @default true
-     */
-    shouldAlignCenter?: boolean;
-}

package/dist/Common/RJSF/config.d.ts

@@ -1,4 +0,0 @@
-import { RegistryWidgetsType } from '@rjsf/utils';
-import { FormProps } from './types';
-export declare const widgets: RegistryWidgetsType;
-export declare const templates: FormProps['templates'];

package/dist/Common/RJSF/constants.d.ts

@@ -1,7 +0,0 @@
-export declare const PLACEHOLDERS: {
-    SELECT: string;
-    INPUT: string;
-    OBJECT_KEY: string;
-};
-export declare const DEFAULT_FIELD_TITLE = "Key not available";
-export declare const DO_NOT_SHOW_LABEL: unique symbol;

package/dist/Common/RJSF/index.d.ts

@@ -1,3 +0,0 @@
-export { RJSFForm } from './Form';
-export * from './types';
-export { getInferredTypeFromValueType, getRedirectionProps } from './utils';

package/dist/Common/RJSF/templates/ArrayFieldItemTemplate.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ArrayFieldTemplateItemType } from '@rjsf/utils';
-export declare const ArrayFieldItemTemplate: ({ children, className, disabled, hasToolbar, hasRemove, index, onDropIndexClick, readonly, registry, uiSchema, }: ArrayFieldTemplateItemType) => JSX.Element;

package/dist/Common/RJSF/templates/ArrayFieldTemplate.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ArrayFieldTemplateProps } from '@rjsf/utils';
-export declare const ArrayFieldTemplate: ({ canAdd, className, disabled, idSchema, uiSchema, items, onAddClick, readonly, registry, required, title, }: ArrayFieldTemplateProps) => JSX.Element;

package/dist/Common/RJSF/templates/BaseInput.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { BaseInputTemplateProps } from '@rjsf/utils';
-export declare const BaseInput: ({ placeholder, ...props }: BaseInputTemplateProps) => JSX.Element;

package/dist/Common/RJSF/templates/ButtonTemplates/AddButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IconButtonProps } from '@rjsf/utils';
-export declare const AddButton: ({ icon, iconType, registry, uiSchema, ...props }: IconButtonProps) => JSX.Element;

package/dist/Common/RJSF/templates/ButtonTemplates/RemoveButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { IconButtonProps } from '@rjsf/utils';
-export declare const RemoveButton: ({ icon, iconType, registry, uiSchema, ...props }: IconButtonProps) => JSX.Element;

package/dist/Common/RJSF/templates/ButtonTemplates/SubmitButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { SubmitButtonProps } from '@rjsf/utils';
-export declare const SubmitButton: ({ uiSchema }: SubmitButtonProps) => JSX.Element;

package/dist/Common/RJSF/templates/ButtonTemplates/index.d.ts

@@ -1,3 +0,0 @@
-export { AddButton } from './AddButton';
-export { RemoveButton } from './RemoveButton';
-export { SubmitButton } from './SubmitButton';

package/dist/Common/RJSF/templates/Description.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { DescriptionFieldProps } from '@rjsf/utils';
-export declare const Description: ({ id, description }: DescriptionFieldProps) => JSX.Element;

package/dist/Common/RJSF/templates/Field.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { FieldTemplateProps } from '@rjsf/utils';
-export declare const Field: (props: FieldTemplateProps) => JSX.Element;

package/dist/Common/RJSF/templates/FieldErrorTemplate.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { FieldErrorProps } from '@rjsf/utils';
-export declare const FieldErrorTemplate: ({ errors, idSchema }: FieldErrorProps) => JSX.Element;

package/dist/Common/RJSF/templates/ObjectFieldTemplate.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ObjectFieldTemplateProps } from '@rjsf/utils';
-export declare const ObjectFieldTemplate: (props: ObjectFieldTemplateProps) => JSX.Element;

package/dist/Common/RJSF/templates/TitleField.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { TitleFieldProps } from '@rjsf/utils';
-export declare const TitleField: ({ id, title, required }: TitleFieldProps) => JSX.Element;

package/dist/Common/RJSF/templates/WrapIfAdditionalTemplate.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { WrapIfAdditionalTemplateProps } from '@rjsf/utils';
-export declare const WrapIfAdditionalTemplate: ({ id, disabled, label, onKeyChange, onDropPropertyClick, readonly, schema, children, uiSchema, registry, }: WrapIfAdditionalTemplateProps) => JSX.Element;

package/dist/Common/RJSF/templates/index.d.ts

@@ -1,10 +0,0 @@
-export { ArrayFieldTemplate } from './ArrayFieldTemplate';
-export { ArrayFieldItemTemplate } from './ArrayFieldItemTemplate';
-export { BaseInput as BaseInputTemplate } from './BaseInput';
-export * from './ButtonTemplates';
-export { Description as DescriptionFieldTemplate } from './Description';
-export { Field as FieldTemplate } from './Field';
-export { FieldErrorTemplate } from './FieldErrorTemplate';
-export { ObjectFieldTemplate } from './ObjectFieldTemplate';
-export { TitleField as TitleFieldTemplate } from './TitleField';
-export { WrapIfAdditionalTemplate } from './WrapIfAdditionalTemplate';

package/dist/Common/RJSF/types.d.ts

@@ -1,3 +0,0 @@
-import { ComponentProps } from 'react';
-import RJSFForm from '@rjsf/core';
-export type FormProps = Omit<ComponentProps<typeof RJSFForm>, 'validator'>;

package/dist/Common/RJSF/utils.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import { TranslatableString } from '@rjsf/utils';
-/**
- * Override for the TranslatableString from RJSF
- */
-export declare const translateString: (stringToTranslate: TranslatableString, params?: string[]) => string;
-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, state: any) => any;
-    loadingMessage: (base: any) => any;
-    noOptionsMessage: (base: any) => any;
-    multiValue: (base: any, state: any) => any;
-};
-/**
- * Returns the redirection props for a url
- */
-export declare const getRedirectionProps: (url: string) => import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
-    url: string;
-};
-/**
- * Infers the type for json schema from value type
- */
-export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";

package/dist/Common/RJSF/widgets/Checkbox.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { WidgetProps } from '@rjsf/utils';
-export declare const Checkbox: ({ id, onChange, value, required, disabled, readonly, autofocus, onBlur, onFocus, }: WidgetProps) => JSX.Element;

package/dist/Common/RJSF/widgets/Select.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { WidgetProps } from '@rjsf/utils';
-export declare const Select: (props: WidgetProps) => JSX.Element;

package/dist/Common/RJSF/widgets/index.d.ts

@@ -1,2 +0,0 @@
-export { Checkbox as CheckboxWidget } from './Checkbox';
-export { Select as SelectWidget } from './Select';

package/src/Assets/Icon/ic-chevron-down.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <g fill="none" fill-rule="evenodd">
-        <path fill="#999" class="fill-color" fill-rule="nonzero" d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"/>
-    </g>
-</svg>

package/src/Common/RJSF/Form.tsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import RJSF from '@rjsf/core'
-import RJSFValidator from '@rjsf/validator-ajv8'
-
-import { templates, widgets } from './config'
-import { FormProps } from './types'
-import { translateString } from './utils'
-import './rjsfForm.scss'
-
-// Need to use this way because the default import was not working as expected
-// The default import resolves to an object intead of a function
-const Form = (RJSF as any).default as typeof RJSF
-const validator = (RJSFValidator as any).default as typeof RJSFValidator
-
-export const RJSFForm = (props: FormProps) => (
-    <Form
-        noHtml5Validate
-        showErrorList={false}
-        autoComplete="off"
-        {...props}
-        validator={validator}
-        templates={{
-            ...templates,
-            ...props.templates,
-        }}
-        widgets={{ ...widgets, ...props.widgets }}
-        translateString={translateString}
-    />
-)

package/src/Common/RJSF/common/FieldRow.tsx

@@ -1,35 +0,0 @@
-import React from 'react'
-import { FieldRowProps } from './types'
-import { DEFAULT_FIELD_TITLE, DO_NOT_SHOW_LABEL } from '../constants'
-
-export const FieldRowWithLabel = ({
-    showLabel,
-    label,
-    required,
-    children,
-    id,
-    shouldAlignCenter = true,
-}: Omit<FieldRowProps, 'label'> & {
-    label: FieldRowProps['label'] | typeof DO_NOT_SHOW_LABEL
-}) => (
-    <div
-        className={
-            showLabel
-                ? `display-grid dc__gap-12 rjsf-form-template__field ${shouldAlignCenter ? 'flex-align-center' : ''}`
-                : ''
-        }
-    >
-        {showLabel && (
-            <label className="cn-7 fs-13 lh-32 fw-4 flexbox mb-0" htmlFor={id}>
-                {/* The check is added here intentionally for proper layout for array type field */}
-                {label !== DO_NOT_SHOW_LABEL && (
-                    <>
-                        <span className="dc__ellipsis-right">{label || DEFAULT_FIELD_TITLE}</span>
-                        {required && <span className="cr-5">&nbsp;*</span>}
-                    </>
-                )}
-            </label>
-        )}
-        {children}
-    </div>
-)

package/src/Common/RJSF/common/types.ts

@@ -1,9 +0,0 @@
-import { FieldTemplateProps } from '@rjsf/utils'
-
-export interface FieldRowProps extends Pick<FieldTemplateProps, 'children' | 'label' | 'required' | 'id'> {
-    showLabel?: boolean
-    /**
-     * @default true
-     */
-    shouldAlignCenter?: boolean
-}

package/src/Common/RJSF/config.ts

@@ -1,37 +0,0 @@
-import React from 'react'
-import { RegistryWidgetsType } from '@rjsf/utils'
-
-import {
-    AddButton,
-    ArrayFieldItemTemplate,
-    ArrayFieldTemplate,
-    BaseInputTemplate,
-    DescriptionFieldTemplate,
-    FieldTemplate,
-    FieldErrorTemplate,
-    ObjectFieldTemplate,
-    RemoveButton,
-    SubmitButton,
-    TitleFieldTemplate,
-    WrapIfAdditionalTemplate,
-} from './templates'
-import { CheckboxWidget, SelectWidget } from './widgets'
-import { FormProps } from './types'
-
-export const widgets: RegistryWidgetsType = {
-    CheckboxWidget,
-    SelectWidget,
-}
-
-export const templates: FormProps['templates'] = {
-    ArrayFieldItemTemplate,
-    ArrayFieldTemplate,
-    BaseInputTemplate,
-    ButtonTemplates: { AddButton, RemoveButton, SubmitButton },
-    DescriptionFieldTemplate,
-    FieldTemplate,
-    FieldErrorTemplate,
-    ObjectFieldTemplate,
-    TitleFieldTemplate,
-    WrapIfAdditionalTemplate,
-}

package/src/Common/RJSF/constants.ts

@@ -1,10 +0,0 @@
-export const PLACEHOLDERS = {
-    SELECT: 'Please select an option',
-    INPUT: 'Please enter an input',
-    OBJECT_KEY: 'Please enter a value for the key',
-}
-
-export const DEFAULT_FIELD_TITLE = 'Key not available'
-
-// Using symbol to ensure uniqueness across the fields
-export const DO_NOT_SHOW_LABEL = Symbol('Do not show label')

package/src/Common/RJSF/index.ts

@@ -1,3 +0,0 @@
-export { RJSFForm } from './Form'
-export * from './types'
-export { getInferredTypeFromValueType, getRedirectionProps } from './utils'

package/src/Common/RJSF/rjsfForm.scss

@@ -1,18 +0,0 @@
-.rjsf-form-template {
-    &__field {
-        grid-template-columns: 250px 1fr;
-    }
-
-    &__additional-fields {
-        grid-template-columns: 1fr 1fr minmax(20px, auto);
-    }
-
-    &__array-field-item {
-        grid-template-columns: 1fr auto;
-
-        & > :first-child {
-            // This is added as the array field itself has a margin bottom
-            margin: 0;
-        }
-    }
-}

package/src/Common/RJSF/templates/ArrayFieldItemTemplate.tsx

@@ -1,31 +0,0 @@
-import React, { CSSProperties } from 'react'
-import { ArrayFieldTemplateItemType } from '@rjsf/utils'
-
-export const ArrayFieldItemTemplate = ({
-    children,
-    className,
-    disabled,
-    hasToolbar,
-    hasRemove,
-    index,
-    onDropIndexClick,
-    readonly,
-    registry,
-    uiSchema,
-}: ArrayFieldTemplateItemType) => {
-    const { RemoveButton } = registry.templates.ButtonTemplates
-
-    return (
-        <div className="display-grid rjsf-form-template__array-field-item flex-align-center dc__gap-8 mb-12">
-            {children}
-            {hasToolbar && hasRemove && (
-                <RemoveButton
-                    disabled={disabled || readonly}
-                    onClick={onDropIndexClick(index)}
-                    uiSchema={uiSchema}
-                    registry={registry}
-                />
-            )}
-        </div>
-    )
-}

package/src/Common/RJSF/templates/ArrayFieldTemplate.tsx

@@ -1,78 +0,0 @@
-import React from 'react'
-import { getTemplate, getUiOptions, ArrayFieldTemplateProps, ArrayFieldTemplateItemType } from '@rjsf/utils'
-import { FieldRowWithLabel } from '../common/FieldRow'
-import { DO_NOT_SHOW_LABEL } from '../constants'
-
-const ActionButton = ({ canAdd, onAddClick, disabled, readonly, uiSchema, registry }) => {
-    const {
-        ButtonTemplates: { AddButton },
-    } = registry.templates
-
-    return (
-        canAdd && (
-            <AddButton onClick={onAddClick} disabled={disabled || readonly} uiSchema={uiSchema} registry={registry} />
-        )
-    )
-}
-
-export const ArrayFieldTemplate = ({
-    canAdd,
-    className,
-    disabled,
-    idSchema,
-    uiSchema,
-    items,
-    onAddClick,
-    readonly,
-    registry,
-    required,
-    title,
-}: ArrayFieldTemplateProps) => {
-    const uiOptions = getUiOptions(uiSchema)
-    const ArrayFieldItemTemplate = getTemplate<'ArrayFieldItemTemplate'>('ArrayFieldItemTemplate', registry, uiOptions)
-    const label = uiOptions.title || title
-
-    return (
-        <fieldset className={className} id={idSchema.$id}>
-            {/* Show the label here in case there are no items, otherwise handled by Field Template */}
-            {items.length ? (
-                <>
-                    {items.map(({ key, ...itemProps }: ArrayFieldTemplateItemType, index) => {
-                        // Show the title as the label for the first field
-                        const children = {
-                            ...itemProps.children,
-                            props: {
-                                ...itemProps.children.props,
-                                name: index === 0 ? label : DO_NOT_SHOW_LABEL,
-                            },
-                        }
-                        return (
-                            <ArrayFieldItemTemplate key={key} {...itemProps}>
-                                {children}
-                            </ArrayFieldItemTemplate>
-                        )
-                    })}
-                    <ActionButton
-                        canAdd={canAdd}
-                        onAddClick={onAddClick}
-                        disabled={disabled}
-                        readonly={readonly}
-                        uiSchema={uiSchema}
-                        registry={registry}
-                    />
-                </>
-            ) : (
-                <FieldRowWithLabel label={label} required={required} showLabel id={idSchema.$id}>
-                    <ActionButton
-                        canAdd={canAdd}
-                        onAddClick={onAddClick}
-                        disabled={disabled}
-                        readonly={readonly}
-                        uiSchema={uiSchema}
-                        registry={registry}
-                    />
-                </FieldRowWithLabel>
-            )}
-        </fieldset>
-    )
-}

package/src/Common/RJSF/templates/BaseInput.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import { getDefaultRegistry } from '@rjsf/core'
-import { BaseInputTemplateProps } from '@rjsf/utils'
-import { PLACEHOLDERS } from '../constants'
-
-const {
-    templates: { BaseInputTemplate },
-} = getDefaultRegistry()
-
-export const BaseInput = ({ placeholder, ...props }: BaseInputTemplateProps) => (
-    <BaseInputTemplate
-        placeholder={placeholder || PLACEHOLDERS.INPUT}
-        {...props}
-        className="form__input cn-9 fs-13 lh-20 fw-4"
-    />
-)

package/src/Common/RJSF/templates/ButtonTemplates/AddButton.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { IconButtonProps } from '@rjsf/utils'
-
-import { ReactComponent as PlusIcon } from '../../../../Assets/Icon/ic-add.svg'
-
-export const AddButton = ({ icon, iconType, registry, uiSchema, ...props }: IconButtonProps) => (
-    <div className="flexbox flex-justify-end">
-        <button
-            {...props}
-            type="button"
-            className="dc__outline-none-imp p-0 dc__transparent flex dc__gap-4 cursor"
-            title="Add"
-        >
-            <PlusIcon className="icon-dim-16 fcb-5" />
-            <span className="cb-5 fs-13 lh-20">Add</span>
-        </button>
-    </div>
-)

package/src/Common/RJSF/templates/ButtonTemplates/RemoveButton.tsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import { IconButtonProps } from '@rjsf/utils'
-
-import { ReactComponent as CrossIcon } from '../../../../Assets/Icon/ic-cross.svg'
-
-export const RemoveButton = ({ icon, iconType, registry, uiSchema, ...props }: IconButtonProps) => (
-    <button {...props} type="button" className="dc__outline-none-imp p-0 dc__transparent flex cursor" title="Remove">
-        <CrossIcon className="icon-dim-16 fcr-5" />
-    </button>
-)

package/src/Common/RJSF/templates/ButtonTemplates/SubmitButton.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import { getSubmitButtonOptions, SubmitButtonProps } from '@rjsf/utils'
-
-export const SubmitButton = ({ uiSchema }: SubmitButtonProps) => {
-    const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema)
-
-    return norender ? null : (
-        <div className="flexbox flex-justify-end">
-            <button
-                type="submit"
-                {...submitButtonProps}
-                className={`cta ${submitButtonProps.className || ''}`}
-            >
-                {submitText}
-            </button>
-        </div>
-    )
-}

package/src/Common/RJSF/templates/ButtonTemplates/index.ts

@@ -1,3 +0,0 @@
-export { AddButton } from './AddButton'
-export { RemoveButton } from './RemoveButton'
-export { SubmitButton } from './SubmitButton'

package/src/Common/RJSF/templates/Description.tsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import { DescriptionFieldProps } from '@rjsf/utils'
-
-import { ReactComponent as Info } from '../../../Assets/Icon/ic-info-filled.svg'
-
-export const Description = ({ id, description }: DescriptionFieldProps) =>
-    description && (
-        <div id={id} className="flex left flex-align-center mt-4 dc__gap-4">
-            <Info className="icon-dim-16 mw-16 info-icon-n5" />
-            <span className="cn-7 fs-11 fw-4 dc__ellipsis-right">{description}</span>
-        </div>
-    )