@devtron-labs/devtron-fe-common-lib 1.7.2 → 1.7.4

package/dist/Common/Constants.d.ts

@@ -1,4 +1,3 @@
-import { RegistryTypeDetailType } from './Types';
 export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
@@ -176,7 +175,6 @@ export declare const BuildStageVariable: {
     Build: string;
     PostBuild: string;
 };
-export declare const REGISTRY_TYPE_MAP: Record<string, RegistryTypeDetailType>;
 export declare const RepositoryAction: {
     CONTAINER: string;
     CHART_PULL: string;
@@ -328,7 +326,8 @@ export declare enum GitProviderType {
     GITLAB = "gitlab",
     BITBUCKET = "bitbucket",
     AZURE = "azure",
-    GITEA = "gitea"
+    GITEA = "gitea",
+    GIT = "git"
 }
 /**
  * Formats the schema removing any irregularity in the existing schema

package/dist/Common/Helper.d.ts

@@ -10,7 +10,7 @@ interface ConditionalWrapper<T> {
     children: T;
 }
 export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 0 | 1 | -1;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | 0 | -1;
 export declare const stopPropagation: (event: any) => void;
 export declare const preventDefault: (event: SyntheticEvent) => void;
 export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;

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,13 +42,11 @@ 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';
 export * from './GenericDescription';
 export * from './SegmentedBarChart';
 export * from './CodeEditor';
-export * from './AppStatus';
 export * from './Tooltip';
 export * from './SegmentedControl';

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/CICDHistory/DeploymentHistoryConfigDiff/helpers.d.ts

@@ -2,5 +2,4 @@ import { DeploymentConfigDiffProps } from '@Shared/Components/DeploymentConfigDi
 import { History } from '../types';
 import { DeploymentHistoryConfigDiffProps } from './types';
 export declare const renderDeploymentHistoryConfig: (config: DeploymentConfigDiffProps["configList"], heading: string, pathname: string, hideDiffState: boolean) => JSX.Element;
-export declare const renderPipelineDeploymentStatusIcon: (status: string) => JSX.Element;
 export declare const renderPipelineDeploymentOptionDescription: ({ stage, triggeredBy, triggeredByEmail, artifact, renderRunSource, resourceId, runSource, }: Pick<History, "triggeredBy" | "triggeredByEmail" | "artifact" | "stage" | "runSource"> & Pick<DeploymentHistoryConfigDiffProps, "renderRunSource" | "resourceId">) => JSX.Element;

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

@@ -6,8 +6,6 @@ export declare const getParsedTriggerHistory: (result: any) => DeploymentHistory
 export declare const buildHoverHtmlForWebhook: (eventName: any, condition: any, selectors: any) => JSX.Element;
 export declare const renderIcon: (iconState: string) => JSX.Element;
 export declare const getStageStatusIcon: (status: StageStatusType) => JSX.Element;
-export declare const renderProgressingTriggerIcon: (baseClass?: string) => JSX.Element;
-export declare const getTriggerStatusIcon: (triggerDetailStatus: string) => JSX.Element;
 export declare const getLogSearchIndex: ({ stageIndex, lineNumberInsideStage, }: Record<"stageIndex" | "lineNumberInsideStage", number>) => string;
 export declare const sanitizeWorkflowExecutionStages: (workflowExecutionStages: WorkflowExecutionStagesMapDTO["workflowExecutionStages"]) => ExecutionInfoType | null;
 export declare const getIconFromWorkflowStageStatusType: (status: WorkflowStageStatusType, baseClass?: string) => ReactElement;
@@ -36,3 +34,5 @@ export declare const getStatusFilters: ({ allNodeCount, missingNodeCount, failed
         count: number;
     })[];
 };
+export declare const getAppStatusIcon: (status: NodeStatus | NodeFilters, hideMessage?: boolean) => JSX.Element;
+export declare const getTriggerStatusIcon: (status: string) => string;

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/GitProviderIcon/GitProviderIcon.d.ts

@@ -0,0 +1,2 @@
+import { GitProviderIconProps } from './types';
+export declare const GitProviderIcon: ({ gitProvider, size }: GitProviderIconProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './GitProviderIcon';
+export * from './types';

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

@@ -0,0 +1,10 @@
+import { GitProviderType } from '../../../Common/Constants';
+import { IconsProps } from '../Icon';
+export interface GitProviderIconProps {
+    gitProvider: GitProviderType;
+    /**
+     * The size of the icon in pixels.
+     * @default 20
+     */
+    size?: IconsProps['size'];
+}

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

@@ -0,0 +1,48 @@
+import { IconBaseProps } from './types';
+export declare const iconMap: {
+    'ic-aborted': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cancelled': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-dockerhub': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-ecr': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-gitlab': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-google-artifact-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-google-container-registry': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-heart-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-heart-red-animated': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-heart-red': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-hibernate': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-in-progress': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-info-outline': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-node-script': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-open-in-new': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-timeout-two-dash': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+};
+export type IconName = keyof typeof iconMap;
+export interface IconsProps extends Omit<IconBaseProps, 'name' | 'iconMap'> {
+    /** The name of the icon to render. */
+    name: keyof typeof iconMap;
+}
+export declare const Icon: (props: IconsProps) => JSX.Element;

package/dist/Shared/Components/Icon/IconBase.d.ts

@@ -0,0 +1,2 @@
+import { IconBaseProps } from './types';
+export declare const IconBase: ({ name, iconMap, size, tooltipProps, color, strokeWidth }: IconBaseProps) => JSX.Element;

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

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

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

@@ -0,0 +1,23 @@
+import { FC, SVGAttributes, SVGProps } from 'react';
+import { TooltipProps } from '@Common/Tooltip/types';
+type IconMap = Record<string, FC<SVGProps<SVGSVGElement>>>;
+export interface IconBaseProps extends Pick<SVGAttributes<SVGSVGElement>, 'strokeWidth'> {
+    /** The name of the icon to render. */
+    name: keyof IconMap;
+    /** The map containing all available icons. */
+    iconMap: IconMap;
+    /**
+     * The size of the icon in pixels.
+     * @default 16
+     */
+    size?: 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 28 | 30 | 32 | 34 | 36 | 40 | 42 | 44 | 48 | 72 | 80;
+    /** Props to configure the tooltip when hovering over the icon. */
+    tooltipProps?: TooltipProps;
+    /**
+     * The color of the icon (color tokens). \
+     * If `null`, the default color present in icon is used.
+     * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
+     */
+    color: `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50'}` | null;
+}
+export {};

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/RegistryIcon/RegistryIcon.d.ts

@@ -0,0 +1,2 @@
+import { RegistryIconProps } from './types';
+export declare const RegistryIcon: ({ registryType, size }: RegistryIconProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { RegistryTypeDetailType } from '../../../Common/Types';
+export declare const REGISTRY_TYPE_MAP: Record<string, RegistryTypeDetailType>;

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

@@ -0,0 +1,2 @@
+export * from './RegistryIcon';
+export * from './constants';

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

@@ -0,0 +1,10 @@
+import { RegistryType } from '../../types';
+import { IconsProps } from '../Icon';
+export interface RegistryIconProps {
+    registryType: RegistryType;
+    /**
+     * The size of the icon in pixels.
+     * @default 20
+     */
+    size?: IconsProps['size'];
+}

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/StatusComponent/AppStatus.d.ts

@@ -0,0 +1,2 @@
+import { AppStatusProps } from './types';
+export declare const AppStatus: ({ status, isJobView, isVirtualEnv, ...restProps }: AppStatusProps) => JSX.Element;

package/dist/Shared/Components/StatusComponent/DeploymentStatus.d.ts

@@ -0,0 +1,2 @@
+import { DeploymentStatusProps } from './types';
+export declare const DeploymentStatus: ({ status, ...restProps }: DeploymentStatusProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { StatusComponentProps } from './types';
+export declare const StatusComponent: ({ status, hideIcon, hideMessage, iconSize, showAnimatedIcon, hideIconTooltip, message, }: StatusComponentProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+export declare const APP_STATUS: {
+    NOT_AVAILABLE: string;
+    NOT_DEPLOYED: string;
+    NOT_DEPLOYED_NO_SPACE: string;
+    JOB_VIEW_NOT_DEPLOYED_MESSAGE: string;
+    NOT_DEPLOYED_MESSAGE: string;
+};

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

@@ -0,0 +1,5 @@
+export * from './StatusComponent';
+export * from './AppStatus';
+export * from './DeploymentStatus';
+export * from './types';
+export { getDeploymentStatusFromStatus } from './utils';

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

@@ -0,0 +1,48 @@
+import { IconsProps } from '../Icon';
+export declare enum StatusType {
+    QUEUED = "QUEUED",
+    FAILED = "FAILED",
+    ERROR = "ERROR",
+    CANCELLED = "CANCELLED",
+    ABORTED = "ABORTED",
+    HEALTHY = "HEALTHY",
+    SUCCEEDED = "SUCCEEDED",
+    DRIFTED = "DRIFTED",
+    MISSING = "MISSING",
+    UNKNOWN = "UNKNOWN",
+    NOT_DEPLOYED = "NOT-DEPLOYED",
+    SUSPENDED = "SUSPENDED",
+    DEGRADED = "DEGRADED",
+    PROGRESSING = "PROGRESSING",
+    INPROGRESS = "INPROGRESS",
+    HIBERNATING = "HIBERNATING",
+    TIMED_OUT = "TIMED_OUT"
+}
+export interface StatusComponentProps {
+    /** The status to display, either a predefined StatusType or a custom string. */
+    status: StatusType | string;
+    /** A custom message to display instead of the status. If not provided, the status is shown. */
+    message?: string;
+    /** If true, hides the status icon. */
+    hideIcon?: boolean;
+    /**
+     * If true, hides the status message and displays it in a tooltip instead.
+     * @default false
+     */
+    hideMessage?: boolean;
+    /** Size of the status icon. */
+    iconSize?: IconsProps['size'];
+    /** If true, displays an animated version of the icon (if available). */
+    showAnimatedIcon?: boolean;
+    /**
+     * If true, hides the tooltip on the status icon.
+     * @note Tooltip is only shown when `hideMessage` is true.
+     */
+    hideIconTooltip?: boolean;
+}
+export interface AppStatusProps extends Omit<StatusComponentProps, 'statusMessage'> {
+    isJobView?: boolean;
+    isVirtualEnv?: boolean;
+}
+export interface DeploymentStatusProps extends Omit<AppStatusProps, 'isJobView'> {
+}

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

@@ -0,0 +1,5 @@
+import { IconName, IconsProps } from '../Icon';
+export declare const getIconName: (status: string, showAnimatedIcon: boolean) => IconName;
+export declare const getIconColor: (status: string) => IconsProps["color"];
+export declare const getDeploymentStatusFromStatus: (status: string) => string;
+export declare const getJobStatusFromStatus: (status: string) => string;

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,9 @@ export * from './ThemeSwitcher';
 export * from './TargetPlatforms';
 export * from './UnsavedChanges';
 export * from './UnsavedChangesDialog';
+export * from './Icon';
+export * from './StatusComponent';
+export * from './RegistryIcon';
+export * from './GitProviderIcon';
+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
      */