@devtron-labs/devtron-fe-common-lib 0.0.91-beta-1 → 0.0.91-beta-5

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

@@ -1,6 +1,19 @@
 import { ReactNode } from 'react';
 
-export interface DeleteDialogProps {
+type WithOrWithoutDeleteConfirmationType = {
+    showDeleteConfirmation: true;
+    /**
+     * If added, confirmation input is shown
+     */
+    deleteConfirmationText: string;
+} | {
+    showDeleteConfirmation?: never;
+    /**
+     * If added, confirmation input is shown
+     */
+    deleteConfirmationText?: never;
+};
+export type DeleteDialogProps = {
     title: string;
     description?: string;
     closeDelete: () => void;
@@ -12,7 +25,8 @@ export interface DeleteDialogProps {
     buttonPrimaryText?: string;
     shouldStopPropagation?: boolean;
     disabled?: boolean;
-}
+    children?: ReactNode;
+} & WithOrWithoutDeleteConfirmationType;
 export interface ForceDeleteDialogType {
     onClickDelete: () => void;
     closeDeleteModal: () => void;
@@ -44,3 +58,4 @@ export interface DialogFormProps {
     onSave: (event: any) => void;
     headerClassName?: string;
 }
+export {};

package/dist/Common/EmptyState/GenericFilterEmptyState.d.ts

@@ -1,4 +1,7 @@
-import { GenericEmptyStateType } from '../Types';
+import { GenericFilterEmptyStateProps } from './types';
 
-declare const GenericFilterEmptyState: (props: Omit<GenericEmptyStateType, 'image' | 'title' | 'subTitle'> & Partial<Pick<GenericEmptyStateType, 'title' | 'subTitle'>>) => JSX.Element;
+/**
+ * Empty state when no filters are applied
+ */
+declare const GenericFilterEmptyState: ({ handleClearFilters, isButtonAvailable, renderButton, ...props }: GenericFilterEmptyStateProps) => JSX.Element;
 export default GenericFilterEmptyState;

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

@@ -0,0 +1,13 @@
+import { GenericEmptyStateType } from '../Types';
+
+export type GenericFilterEmptyStateProps = Omit<GenericEmptyStateType, 'image' | 'title' | 'subTitle' | 'isButtonAvailable' | 'renderButton'> & Partial<Pick<GenericEmptyStateType, 'title' | 'subTitle'>> & ({
+    /**
+     * If provided, it will have priority over the isButtonAvailable prop
+     * and render clear filter button
+     */
+    handleClearFilters?: () => void;
+    isButtonAvailable?: never;
+    renderButton?: never;
+} | (Pick<GenericEmptyStateType, 'isButtonAvailable' | 'renderButton'> & {
+    handleClearFilters?: never;
+}));

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

@@ -2,5 +2,5 @@ import { UseUrlFiltersProps, UseUrlFiltersReturnType } from '../useUrlFilters';
 
 export interface UseStateFiltersProps<T> extends Pick<UseUrlFiltersProps<T, never>, 'initialSortKey'> {
 }
-export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters'> {
+export interface UseStateFiltersReturnType<T> extends Pick<UseUrlFiltersReturnType<T>, 'sortBy' | 'sortOrder' | 'handleSorting' | 'clearFilters' | 'searchKey' | 'handleSearch'> {
 }

package/dist/Common/Modals/Modal.d.ts

@@ -1,4 +1,7 @@
 import { ModalType } from '../Types';
 import { default as React } from 'react';
 
+/**
+ * @deprecated Use VisibleModal instead
+ */
 export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => React.ReactPortal;

package/dist/Common/Modals/VisibleModal.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, SyntheticEvent } from 'react';
 
 export declare class VisibleModal extends React.Component<{
     className: string;
@@ -12,5 +12,6 @@ export declare class VisibleModal extends React.Component<{
     escFunction(event: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
+    handleBodyClick: (e: SyntheticEvent) => void;
     render(): React.ReactPortal;
 }

package/dist/Common/Modals/VisibleModal2.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, SyntheticEvent } from 'react';
 
 export declare class VisibleModal2 extends React.Component<{
     className: string;
@@ -9,5 +9,6 @@ export declare class VisibleModal2 extends React.Component<{
     escFunction(event: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
+    handleBodyClick: (e: SyntheticEvent) => void;
     render(): React.ReactPortal;
 }

package/dist/Common/PopupMenu.d.ts

@@ -1,7 +1,7 @@
 import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
 
 declare const PopupMenu: {
-    ({ children, onToggleCallback, autoClose, autoPosition, }: PopupMenuType): any;
+    ({ children, onToggleCallback, autoClose, autoPosition, shouldPreventDefault }: PopupMenuType): any;
     Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
     Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
 };

package/dist/Common/Types.d.ts

@@ -140,7 +140,8 @@ export interface ErrorScreenNotAuthorizedProps {
 }
 export declare enum ImageType {
     Large = "large",
-    Medium = "medium"
+    Medium = "medium",
+    SMALL = "small"
 }
 export interface InfoColourBarType {
     message: React.ReactNode;
@@ -213,6 +214,7 @@ export interface PopupMenuType {
     onToggleCallback?: (isOpen: boolean) => void;
     autoClose?: boolean;
     autoPosition?: boolean;
+    shouldPreventDefault?: boolean;
 }
 export interface PopupMenuButtonType {
     children?: ReactNode;

package/dist/Shared/Components/FeatureDescription/FeatureDescriptionModal.d.ts

@@ -0,0 +1,3 @@
+import { FeatureDescriptionModalProps } from './types';
+
+export declare const FeatureDescriptionModal: ({ title, renderDescriptionContent, closeModalText, docLink, closeModal, imageVariant, SVGImage, imageStyles, }: FeatureDescriptionModalProps) => JSX.Element;

package/dist/Shared/Components/FeatureDescription/FeatureTitleWithInfo.d.ts

@@ -0,0 +1,4 @@
+import { DescriptorProps } from './types';
+
+declare const FeatureTitleWithInfo: ({ additionalContainerClasses, breadCrumbs, children, iconClassName, title, renderDescriptionContent, closeModalText, docLink, SVGImage, }: DescriptorProps) => JSX.Element;
+export default FeatureTitleWithInfo;

package/dist/Shared/Components/FeatureDescription/constant.d.ts

@@ -0,0 +1,8 @@
+export declare enum BUTTON_TEXT {
+    GOT_IT = "Got it",
+    VIEW_DOCUMENTATION = "View Documentation"
+}
+export declare enum IMAGE_VARIANT {
+    SMALL = "small",
+    LARGE = "large"
+}

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

@@ -0,0 +1,2 @@
+export * from './FeatureDescriptionModal';
+export { default as FeatureTitleWithInfo } from './FeatureTitleWithInfo';

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

@@ -0,0 +1,19 @@
+import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
+import { ImageType } from '../../../Common';
+
+export interface FeatureDescriptionModalProps {
+    title: string;
+    renderDescriptionContent?: () => JSX.Element;
+    closeModalText?: string;
+    docLink?: string;
+    closeModal?: () => void;
+    imageVariant?: ImageType;
+    SVGImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    imageStyles?: React.CSSProperties;
+}
+export interface DescriptorProps extends FeatureDescriptionModalProps {
+    breadCrumbs: Breadcrumb[];
+    additionalContainerClasses?: string;
+    iconClassName?: string;
+    children?: React.ReactNode;
+}

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

@@ -0,0 +1,6 @@
+import { ImageType } from '../../../Common';
+
+export declare const getImageSize: (imageType: ImageType) => {
+    width: string;
+    height: string;
+};

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

@@ -0,0 +1,4 @@
+import { ImageWithFallbackProps } from './types';
+
+declare const ImageWithFallback: ({ imageProps, fallbackImage }: ImageWithFallbackProps) => JSX.Element;
+export default ImageWithFallback;

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

@@ -0,0 +1,2 @@
+export { default as ImageWithFallback } from './ImageWithFallback.component';
+export type { ImageWithFallbackProps } from './types';

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

@@ -0,0 +1,12 @@
+import { ImgHTMLAttributes } from 'react';
+
+export interface ImageWithFallbackProps {
+    /**
+     * Props for the image
+     */
+    imageProps: ImgHTMLAttributes<HTMLImageElement>;
+    /**
+     * Fallback image; can be a url or a jsx element
+     */
+    fallbackImage: string | JSX.Element;
+}

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

@@ -0,0 +1,4 @@
+import { ModalSidebarPanelProps } from './types';
+
+declare const ModalSidebarPanel: ({ rootClassName, heading, icon, children, documentationLink, }: ModalSidebarPanelProps) => JSX.Element;
+export default ModalSidebarPanel;

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

@@ -0,0 +1,2 @@
+export { default as ModalSidebarPanel } from './ModalSidebarPanel.component';
+export type { ModalSidebarPanelProps } from './types';

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+export interface ModalSidebarPanelProps {
+    rootClassName?: string;
+    heading: string;
+    icon?: JSX.Element;
+    children?: ReactNode;
+    documentationLink: string;
+}

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

@@ -17,6 +17,9 @@ export * from './Header';
 export * from './AnnouncementBanner';
 export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
+export * from './ModalSidebarPanel';
+export * from './ImageWithFallback';
+export * from './FeatureDescription';
 export * from './CICDHistory';
 export * from './GitCommitInfoGeneric';
 export * from './Error';

package/dist/Shared/Helpers.d.ts

@@ -1,6 +1,7 @@
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
 import { MaterialInfo, SortingOrder } from '../Common';
+import { ReactElement } from 'react';
 
 interface HighlightSearchTextProps {
     /**
@@ -26,6 +27,7 @@ export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => J
 export declare const useIntersection: (target: React.RefObject<Element> | Element | null, options?: IntersectionOptions, callback?: IntersectionChangeHandler) => boolean;
 export declare const isNullOrUndefined: (value: unknown) => boolean;
 export declare const getKeyToBooleanMapFromArray: <T extends string | number>(arr?: T[]) => Record<T, boolean>;
+export declare const renderValidInputButtonTippy: (children: ReactElement) => JSX.Element;
 export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
 export declare function aggregateNodes(nodes: any[], podMetadata: PodMetadatum[]): AggregatedNodes;
 export declare const decode: (data: any, isEncoded?: boolean) => {};

package/dist/Shared/Services/common.service.d.ts

@@ -0,0 +1,3 @@
+import { GetResourceApiUrlProps } from './types';
+
+export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, queryParams }: GetResourceApiUrlProps<T>) => string;

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

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

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

@@ -0,0 +1,17 @@
+import { ResourceKindType, ResourceVersionType } from '../types';
+import { getUrlWithSearchParams } from '../../Common';
+
+export interface ClusterType {
+    id: number;
+    name: string;
+    /**
+     * If true, denotes virtual cluster
+     */
+    isVirtual: boolean;
+}
+export interface GetResourceApiUrlProps<T> {
+    baseUrl: string;
+    kind: ResourceKindType;
+    version: ResourceVersionType;
+    queryParams?: T extends Parameters<typeof getUrlWithSearchParams>[1] ? T : never;
+}

package/dist/Shared/constants.d.ts

@@ -43,6 +43,10 @@ export declare enum DeploymentWithConfigType {
     LATEST_TRIGGER_CONFIG = "LATEST_TRIGGER_CONFIG",
     SPECIFIC_TRIGGER_CONFIG = "SPECIFIC_TRIGGER_CONFIG"
 }
+export declare enum EnvironmentTypeEnum {
+    production = "Production",
+    nonProduction = "Non-Production"
+}
 export declare enum TIMELINE_STATUS {
     DEPLOYMENT_INITIATED = "DEPLOYMENT_INITIATED",
     GIT_COMMIT = "GIT_COMMIT",

package/dist/Shared/index.d.ts

@@ -4,5 +4,6 @@ export * from './Helpers';
 export * from './types';
 export * from './Providers';
 export * from './constants';
+export * from './Services';
 export * from './Store';
 export * from './Hooks';

package/dist/Shared/types.d.ts

@@ -1,4 +1,4 @@
-import { PatchOperationType } from './constants';
+import { EnvironmentTypeEnum, PatchOperationType } from './constants';
 import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes } from '../Common';
 
 export declare enum EnvType {
@@ -351,6 +351,9 @@ export declare enum ResourceKindType {
     cluster = "cluster",
     release = "release",
     releaseTrack = "release-track",
+    tenant = "tenant",
+    installation = "installation",
+    environment = "environment",
     cdPipeline = "cd-pipeline"
 }
 /**
@@ -399,6 +402,10 @@ export type IntersectionOptions = {
     defaultIntersecting?: boolean;
 };
 export type IntersectionChangeHandler = (entry: IntersectionObserverEntry) => void;
+export interface InputFieldState<T = string> {
+    value: T;
+    error: string;
+}
 export declare enum AggregationKeys {
     Workloads = "Workloads",
     Networking = "Networking",
@@ -411,6 +418,42 @@ export declare enum AggregationKeys {
     Namespaces = "Namespaces"
 }
 export type AggregationKeysType = keyof typeof AggregationKeys;
+export interface EnvironmentType {
+    /**
+     * Unique identifier for the environment
+     */
+    id: number;
+    /**
+     * Name of the environment
+     */
+    name: string;
+    /**
+     * Associated namespace for the environment
+     */
+    namespace: string;
+    /**
+     * Type of the environment
+     */
+    environmentType: EnvironmentTypeEnum;
+    /**
+     * Associated cluster for the environment
+     */
+    cluster: string;
+    /**
+     * If true, denotes virtual environment
+     */
+    isVirtual: boolean;
+}
+export interface CreatedByDTO {
+    icon: boolean;
+    id: number;
+    name: string;
+}
+export declare enum DependencyType {
+    UPSTREAM = "upstream",
+    DOWNSTREAM = "downstream",
+    LEVEL = "level"
+}
 export interface scrollableInterface {
     autoBottomScroll: boolean;
 }

package/dist/Shared/validations.d.ts

@@ -8,6 +8,7 @@ export declare const MESSAGES: {
     CAN_NOT_START_END_WITH_SEPARATORS: string;
     getMinMaxCharMessage: (min: number, max: number) => string;
     getMaxCharMessage: (max: number) => string;
+    getMinCharMessage: (min: number) => string;
     VALID_POSITIVE_NUMBER: string;
     VALID_POSITIVE_INTEGER: string;
     MAX_SAFE_INTEGER: string;
@@ -15,5 +16,8 @@ export declare const MESSAGES: {
 export declare const requiredField: (value: string) => ValidationResponseType;
 export declare const validateName: (name: string) => ValidationResponseType;
 export declare const validateDescription: (description: string) => ValidationResponseType;
+export declare const validateStringLength: (value: string, maxLimit: number, minLimit: number) => ValidationResponseType;
 export declare const validateRequiredPositiveNumber: (value: string | number) => ValidationResponseType;
 export declare const validateRequiredPositiveInteger: (value: string | number) => ValidationResponseType;
+export declare const validateURL: (url: string, allowBase64Url?: boolean) => ValidationResponseType;
+export declare const validateIfImageExist: (url: string) => Promise<ValidationResponseType>;