@devtron-labs/devtron-fe-common-lib 1.6.1-beta-1 → 1.6.1

package/dist/{@common-rjsf-D15keJJ7.js → @common-rjsf-DVcfQ6kR.js}

@@ -2,7 +2,7 @@ import { j as t, O as $ } from "./@vendor-CKSERKp7.js";
 import A, { forwardRef as E } from "react";
 import L, { getDefaultRegistry as D } from "@rjsf/core";
 import H from "@rjsf/validator-ajv8";
-import { T, c as U, a as k, i as J, b as y, d as S } from "./@code-editor-Bbs0NH9g.js";
+import { T, c as U, a as k, i as J, b as y, d as S } from "./@code-editor-DPKpPiDK.js";
 import M, { components as B } from "react-select";
 import { ReactComponent as V } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as C, getTemplate as I, getSubmitButtonOptions as W, ADDITIONAL_PROPERTY_FLAG as P, errorId as q, englishStringTranslator as K, TranslatableString as Y, titleId as z, canExpand as G, deepEquals as Q } from "@rjsf/utils";

package/dist/Common/CustomInput/CustomInput.d.ts

@@ -0,0 +1,2 @@
+import { CustomInputProps } from './Types';
+export declare const CustomInput: ({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, onBlur, readOnly, noTrim, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo, inputWrapClassName, inputProps, }: CustomInputProps) => JSX.Element;

package/dist/Common/CustomInput/Types.d.ts

@@ -0,0 +1,30 @@
+import { default as React, HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
+export interface CustomInputProps {
+    name: string;
+    value: string | number;
+    onChange: (e: any) => void;
+    onFocus?: (e: any) => void;
+    autoComplete?: string;
+    label?: string | React.ReactNode;
+    labelClassName?: string;
+    type?: HTMLInputTypeAttribute;
+    disabled?: boolean;
+    placeholder?: string;
+    tabIndex?: number;
+    dataTestid?: string;
+    isRequiredField?: boolean;
+    autoFocus?: boolean;
+    rootClassName?: string;
+    error?: string[] | string;
+    helperText?: ReactNode;
+    onBlur?: (e: any) => void;
+    readOnly?: boolean;
+    noTrim?: boolean;
+    onKeyPress?: (e: any) => void;
+    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    onKeyDown?: (e: any) => void;
+    required?: boolean;
+    additionalErrorInfo?: React.ReactNode;
+    inputWrapClassName?: string;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+}

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

@@ -0,0 +1,2 @@
+export * from './CustomInput';
+export * from './Types';

package/dist/Common/Hooks/useUrlFilters/types.d.ts

@@ -8,18 +8,8 @@ export interface UseUrlFiltersProps<T, K> {
      * Callback function for parsing the search params
      */
     parseSearchParams?: (searchParams: URLSearchParams) => K;
-    /**
-     * Local storage key to store the filters
-     */
     localStorageKey?: `${string}__${string}`;
-    /**
-     * Method to be used for redirection in case of filter update
-     *
-     * @default 'replace'
-     */
-    redirectionMethod?: 'replace' | 'push';
 }
-export type UpdateSearchParamsOptionsType<T, K = unknown> = Partial<Pick<UseUrlFiltersProps<T, K>, 'redirectionMethod'>>;
 export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**
      * Currently applied page size
@@ -66,5 +56,5 @@ export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**
      * Update the search params with the passed object
      */
-    updateSearchParams: (paramsToSerialize: Partial<K>, options?: UpdateSearchParamsOptionsType<T, K>) => void;
+    updateSearchParams: (paramsToSerialize: Partial<K>) => void;
 };

package/dist/Common/Hooks/useUrlFilters/useUrlFilters.d.ts

@@ -16,5 +16,5 @@ import { UseUrlFiltersProps, UseUrlFiltersReturnType } from './types';
  * ```
  *
  */
-declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, localStorageKey, redirectionMethod, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
+declare const useUrlFilters: <T = string, K = unknown>({ initialSortKey, parseSearchParams, localStorageKey, }?: UseUrlFiltersProps<T, K>) => UseUrlFiltersReturnType<T, K>;
 export default useUrlFilters;

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" | "target" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "action" | "autoComplete" | "tagName" | "method" | "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" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "autoComplete" | "tagName" | "method" | "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,3 +1,2 @@
 export { default as Tooltip } from './Tooltip';
 export { TOOLTIP_CONTENTS } from './constants';
-export type { TooltipProps } from './types';

package/dist/Common/index.d.ts

@@ -43,6 +43,7 @@ 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/Shared/Components/Button/Button.component.d.ts

@@ -1,4 +1,4 @@
-import { ButtonComponentType, ButtonProps } from './types';
+import { ButtonProps } from './types';
 /**
  * Generic component for Button.
  * Should be used in combination of variant, size and style.
@@ -63,5 +63,5 @@ import { ButtonComponentType, ButtonProps } from './types';
  * <Button icon={<ICCube />} ariaLabel="Label" />
  * ```
  */
-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;
+declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, showAriaLabelInTippy, fullWidth, isOpacityHoverChild, ...props }: ButtonProps) => 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<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'];
-} : {
+export type ButtonProps = ({
     /**
      * Component to be rendered from the available options
      *
      * @default ButtonComponentType.button
      */
-    component?: ComponentType | never;
+    component?: ButtonComponentType.button | 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
@@ -86,10 +86,6 @@ export type ButtonProps<ComponentType extends ButtonComponentType = ButtonCompon
      * @default false
      */
     isOpacityHoverChild?: boolean;
-    /**
-     * If provided, the button is clicked automatically after the pre-defined time
-     */
-    triggerAutoClickTimestamp?: number | null;
 } & ({
     /**
      * If true, the tooltip is shown for the button

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

@@ -1,6 +1,4 @@
 import { ButtonProps } from './types';
 export declare const getButtonIconClassName: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => string;
 export declare const getButtonLoaderSize: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => number;
-export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, isAutoTriggerActive, }: Required<Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon"> & {
-    isAutoTriggerActive: boolean;
-}>) => string;
+export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, }: Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon">) => string;

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

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

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

@@ -1,5 +1,3 @@
-import { TooltipProps } from '../../../Common/Tooltip';
-import { TippyCustomizedProps } from '../../../Common/Types';
 import { ReactElement, ReactNode } from 'react';
 export type LabelOrAriaLabelType = {
     label: ReactNode;
@@ -8,8 +6,7 @@ export type LabelOrAriaLabelType = {
     label?: never;
     ariaLabel: string;
 };
-type LayoutType = 'row' | 'column';
-export type FormFieldLabelProps<Layout extends LayoutType = LayoutType> = LabelOrAriaLabelType & {
+export type FormFieldLabelProps = LabelOrAriaLabelType & {
     /**
      * If true, the field is required and * is shown with the label
      */
@@ -21,20 +18,8 @@ export type FormFieldLabelProps<Layout extends LayoutType = LayoutType> = LabelO
     /**
      * Layout of the field
      */
-    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?: Pick<TippyCustomizedProps, 'heading' | 'infoText' | 'documentationLink' | 'documentationLinkText'>;
-});
+    layout?: 'row' | 'column';
+};
 export interface FormFieldInfoProps extends Pick<FormFieldLabelProps, 'inputId'> {
     /**
      * Error message for the field
@@ -55,7 +40,7 @@ export interface FormInfoItemProps {
     textClass: string;
     icon: ReactElement;
 }
-export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label' | 'required' | 'ariaLabel' | 'layout' | 'labelTippyCustomizedConfig' | 'labelTooltipConfig'>, FormFieldInfoProps {
+export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label' | 'required' | 'ariaLabel' | 'layout'>, FormFieldInfoProps {
     /**
      * If true, the field takes the full width of the parent
      */
@@ -88,4 +73,3 @@ export interface FormFieldWrapperProps extends Pick<FormFieldLabelProps, 'label'
         left?: boolean;
     };
 }
-export {};

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, labelTippyCustomizedConfig, labelTooltipConfig, ...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, borderRadiusConfig, ...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, labelTooltipConfig, labelTippyCustomizedConfig, ...props }: TextareaProps) => JSX.Element;
+declare const Textarea: ({ name, label, fullWidth, error, helperText, warningText, layout, required, onBlur, shouldTrim, size, ariaLabel, borderRadiusConfig, ...props }: TextareaProps) => JSX.Element;
 export default Textarea;

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

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

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

@@ -1,4 +1,4 @@
-import { ButtonComponentType, ButtonProps } from '../../Components';
+import { 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 overridden
+     * Note: Size, variant and style are hard-coded and cannot be overriden
      */
-    buttonProps?: ButtonProps<ButtonComponentType>;
+    buttonProps?: ButtonProps;
     /**
      * Custom progress bar color
      */