@devtron-labs/devtron-fe-common-lib 1.7.2-beta-1 → 1.7.2-beta-3

package/dist/Common/Constants.d.ts

@@ -55,7 +55,6 @@ export declare const URLS: {
     DEPLOYMENT_HISTORY_CONFIGURATIONS: string;
     GLOBAL_CONFIG_SCOPED_VARIABLES: string;
     GLOBAL_CONFIG_DEPLOYMENT_CHARTS_LIST: string;
-    GLOBAL_CONFIG_DEPLOYMENT_CHARTS_UPLOAD_CHART: string;
     NETWORK_STATUS_INTERFACE: string;
     RESOURCE_BROWSER: string;
     COMPARE_CLUSTERS: string;

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

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "id" | "children" | "className" | "disabled" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "method" | "autoComplete" | "tagName" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "id" | "children" | "className" | "disabled" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "action" | "method" | "autoComplete" | "tagName" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;

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

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

package/dist/Common/index.d.ts

@@ -42,7 +42,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';

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

@@ -1,16 +1,18 @@
-interface DeploymentChartInfo {
+export type DeploymentChartListDTO = Array<{
     id: number;
     chartDescription?: string;
     isUserUploaded: boolean;
     name: string;
     version: string;
-    uploadedBy: string;
-}
-export type DeploymentChartListDTO = DeploymentChartInfo[];
-export interface DeploymentChartVersionsType extends Pick<DeploymentChartInfo, 'id' | 'version' | 'uploadedBy' | 'isUserUploaded'> {
+}>;
+interface DeploymentChartVersionsType {
+    id: number;
+    version: string;
     description: string;
 }
-export interface DeploymentChartType extends Pick<DeploymentChartInfo, 'name'> {
+export interface DeploymentChartType {
+    name: string;
+    isUserUploaded: boolean;
     versions: DeploymentChartVersionsType[];
 }
 export declare enum DEVTRON_DEPLOYMENT_CHART_NAMES {

package/dist/Shared/Components/Button/Button.component.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from './types';
+import { ButtonComponentType, ButtonProps } from './types';
 /**
  * Generic component for Button.
  * Should be used in combination of variant, size and style.
@@ -63,5 +63,5 @@ import { ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ...props }: ButtonProps) => JSX.Element;
+declare const Button: <ComponentType extends ButtonComponentType>({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, triggerAutoClickTimestamp, ...props }: ButtonProps<ComponentType>) => JSX.Element;
 export default Button;

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

@@ -20,27 +20,27 @@ export declare enum ButtonComponentType {
     button = "button",
     link = "link"
 }
-export type ButtonProps = ({
+export type ButtonProps<ComponentType extends ButtonComponentType = ButtonComponentType.button> = (ComponentType extends ButtonComponentType.link ? {
+    component: ButtonComponentType.link;
+    /**
+     * Props for the link component
+     */
+    linkProps: Omit<LinkProps, 'children' | 'styles' | 'className' | 'onClick'>;
+    buttonProps?: never;
+    onClick?: LinkProps['onClick'];
+} : {
     /**
      * Component to be rendered from the available options
      *
      * @default ButtonComponentType.button
      */
-    component?: ButtonComponentType.button | never;
+    component?: ComponentType | never;
     /**
      * Props for the button component
      */
     buttonProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'styles' | 'className' | 'disabled' | 'onClick'>;
     linkProps?: never;
     onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
-} | {
-    component: ButtonComponentType.link;
-    /**
-     * Props for the link component
-     */
-    linkProps: Omit<LinkProps, 'children' | 'styles' | 'className' | 'onClick'>;
-    buttonProps?: never;
-    onClick?: LinkProps['onClick'];
 }) & {
     /**
      * Variant of the button

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

@@ -0,0 +1,3 @@
+import { CustomInputProps } from './types';
+declare const CustomInput: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderConfig, borderRadiusConfig, type, autoFocus, endIconButtonConfig, labelTippyCustomizedConfig, labelTooltipConfig, ...props }: CustomInputProps) => JSX.Element;
+export default CustomInput;

package/dist/Shared/Components/CustomInput/PasswordField.d.ts

@@ -0,0 +1,3 @@
+import { PasswordFieldProps } from './types';
+declare const PasswordField: ({ onFocus, onBlur, shouldShowDefaultPlaceholderOnBlur, ...props }: PasswordFieldProps) => JSX.Element;
+export default PasswordField;

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

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../Button';
+import { CustomInputProps } from './types';
+export declare const CUSTOM_INPUT_TO_ICON_BUTTON_SIZE_MAP: Record<CustomInputProps['size'], ButtonProps['size']>;

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

@@ -0,0 +1,3 @@
+export { default as CustomInput } from './CustomInput';
+export { default as PasswordField } from './PasswordField';
+export type { CustomInputProps, PasswordFieldProps } from './types';

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

@@ -0,0 +1,36 @@
+import { InputHTMLAttributes } from 'react';
+import { ComponentSizeType } from '../../constants';
+import { FormFieldWrapperProps } from '../FormFieldWrapper';
+import { ButtonComponentType, ButtonProps } from '../Button';
+export interface CustomInputProps extends Omit<FormFieldWrapperProps, 'children' | 'inputId'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'onBlur' | 'disabled' | 'autoFocus' | 'onFocus' | 'onKeyDown'>, Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'onChange' | 'value' | 'name'>> {
+    /**
+     * If false, the input is not trimmed on blur
+     *
+     * @default true
+     */
+    shouldTrim?: boolean;
+    /**
+     * Size of the input
+     *
+     * @default ComponentSizeType.large
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
+    /**
+     * Type for the input
+     *
+     * Note: For password field, use PasswordField component
+     *
+     * @default 'text'
+     */
+    type?: Exclude<InputHTMLAttributes<HTMLInputElement>['type'], 'password'>;
+    /**
+     * End icon button configuration
+     */
+    endIconButtonConfig?: Required<Pick<ButtonProps<ButtonComponentType.button>, 'icon' | 'onClick' | 'ariaLabel'>> & Pick<ButtonProps<ButtonComponentType.button>, 'disabled' | 'showAriaLabelInTippy' | 'style'>;
+}
+export interface PasswordFieldProps extends Omit<CustomInputProps, 'endIconButtonConfig' | 'type'> {
+    /**
+     * If true, the value is cleared & default placeholder is shown on blur
+     */
+    shouldShowDefaultPlaceholderOnBlur: boolean;
+}

package/dist/Shared/Components/FormFieldWrapper/FormFieldLabel.d.ts

@@ -1,3 +1,3 @@
 import { FormFieldLabelProps } from './types';
-declare const FormFieldLabel: ({ label, inputId, required, layout }: FormFieldLabelProps) => JSX.Element;
+declare const FormFieldLabel: ({ label, inputId, required, layout, labelTooltipConfig, labelTippyCustomizedConfig, }: FormFieldLabelProps) => JSX.Element;
 export default FormFieldLabel;

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

@@ -1,3 +1,3 @@
 import { FormFieldWrapperProps } from './types';
-declare const FormFieldWrapper: ({ layout, fullWidth, label, inputId, error, helperText, warningText, required, children, }: Required<FormFieldWrapperProps>) => JSX.Element;
+declare const FormFieldWrapper: ({ layout, fullWidth, label, inputId, error, helperText, warningText, required, children, labelTippyCustomizedConfig, labelTooltipConfig, }: Required<FormFieldWrapperProps>) => JSX.Element;
 export default FormFieldWrapper;

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

@@ -1,4 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
+import { TooltipProps } from '../../../Common/Tooltip';
+import { InfoIconTippyProps } from '../../../Common/Types';
 import { BorderConfigType, ComponentLayoutType } from '../../types';
 export type LabelOrAriaLabelType = {
     label: ReactNode;
@@ -7,7 +9,7 @@ export type LabelOrAriaLabelType = {
     label?: never;
     ariaLabel: string;
 };
-export type FormFieldLabelProps = LabelOrAriaLabelType & {
+export type FormFieldLabelProps<Layout extends ComponentLayoutType = ComponentLayoutType> = LabelOrAriaLabelType & {
     /**
      * If true, the field is required and * is shown with the label
      */
@@ -19,8 +21,20 @@ export type FormFieldLabelProps = LabelOrAriaLabelType & {
     /**
      * Layout of the field
      */
-    layout?: ComponentLayoutType;
-};
+    layout?: Layout;
+} & (Layout extends 'row' ? {
+    /**
+     * Tooltip configuration for the label in row layout
+     */
+    labelTooltipConfig?: Omit<TooltipProps, 'alwaysShowTippyOnHover' | 'showOnTruncate' | 'shortcutKeyCombo'>;
+    labelTippyCustomizedConfig?: never;
+} : {
+    labelTooltipConfig?: never;
+    /**
+     * Tippy configuration for the label in column layout
+     */
+    labelTippyCustomizedConfig?: Required<Pick<InfoIconTippyProps, 'heading' | 'infoText'>> & Pick<InfoIconTippyProps, 'documentationLink' | 'documentationLinkText'>;
+});
 export interface FormFieldInfoProps extends Pick<FormFieldLabelProps, 'inputId'> {
     /**
      * Error message for the field
@@ -41,11 +55,12 @@ export interface FormInfoItemProps {
     textClass: string;
     icon: ReactElement;
 }
-export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label' | 'required' | 'ariaLabel' | 'layout'>, FormFieldInfoProps {
+export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label' | 'required' | 'ariaLabel' | 'layout' | 'labelTippyCustomizedConfig' | 'labelTooltipConfig'>, FormFieldInfoProps {
     /**
      * If true, the field takes the full width of the parent
      */
     fullWidth?: boolean;
     children: ReactElement;
     borderRadiusConfig?: BorderConfigType;
+    borderConfig?: BorderConfigType;
 }

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

@@ -2,7 +2,6 @@ import { MenuListProps, StylesConfig, ValueContainerProps } from 'react-select';
 import { OptionType } from '../../../Common';
 export declare const getCommonSelectStyle: (styleOverrides?: {}) => StylesConfig;
 export declare const getCustomOptionSelectionStyle: (styleOverrides?: {}) => (base: any, state: any) => any;
-export declare const SelectOption: (props: any) => JSX.Element;
 export declare const LoadingIndicator: () => JSX.Element;
 export declare const GroupHeading: (props: any) => JSX.Element;
 export declare const commonSelectStyles: StylesConfig;

package/dist/Shared/Components/SelectPicker/SelectPicker.component.d.ts

@@ -134,5 +134,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderRadiusConfig, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, renderMenuListFooter, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

package/dist/Shared/Components/Textarea/Textarea.component.d.ts

@@ -1,3 +1,3 @@
 import { TextareaProps } from './types';
-declare const Textarea: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, value, ...props }: TextareaProps) => JSX.Element;
+declare const Textarea: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, labelTooltipConfig, labelTippyCustomizedConfig, value, borderConfig, ...props }: TextareaProps) => JSX.Element;
 export default Textarea;

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

@@ -60,4 +60,5 @@ export * from './ThemeSwitcher';
 export * from './TargetPlatforms';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
+export * from './CustomInput';
 export * from './InfoBlock';

package/dist/Shared/Helpers.d.ts

@@ -95,6 +95,8 @@ export declare const checkIfPathIsMatching: (currentPathName: string, customMess
 export declare const sanitizeTargetPlatforms: (targetPlatforms: TargetPlatformsDTO["targetPlatforms"]) => TargetPlatformItemDTO[];
 export declare const isAWSCodeCommitURL: (url?: string) => boolean;
 export declare const renderMaterialIcon: (url?: string) => JSX.Element;
-export declare const deriveBorderRadiusClassFromConfig: (borderRadiusConfig?: BorderConfigType) => string;
-export declare const deriveBorderClassFromConfig: (borderConfig?: BorderConfigType) => string;
+export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig, borderRadiusConfig, }: {
+    borderConfig: BorderConfigType | undefined;
+    borderRadiusConfig: BorderConfigType | undefined;
+}) => string;
 export {};

package/dist/Shared/Services/ToastManager/types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../../Components';
+import { ButtonComponentType, ButtonProps } from '../../Components';
 import { ReactElement } from 'react';
 export declare enum ToastVariantType {
     info = "info",
@@ -30,9 +30,9 @@ export interface ToastProps {
     /**
      * Props for the action button to be displayed in the toast
      *
-     * Note: Size, variant and style are hard-coded and cannot be overriden
+     * Note: Size, variant and style are hard-coded and cannot be overridden
      */
-    buttonProps?: ButtonProps;
+    buttonProps?: ButtonProps<ButtonComponentType>;
     /**
      * Custom progress bar color
      */

package/dist/Shared/types.d.ts

@@ -851,8 +851,4 @@ export interface BorderConfigType {
      */
     left?: boolean;
 }
-export interface AppEnvIdType {
-    appId: number;
-    envId: number;
-}
 export {};

package/dist/Shared/validations.d.ts

@@ -57,4 +57,3 @@ export declare const validateCMVolumeMountPath: (value: string) => {
     isValid: boolean;
     message: string;
 };
-export declare const validateYAML: (yamlString: string, isRequired?: boolean) => ValidationResponseType;