@devtron-labs/devtron-fe-common-lib 0.0.82-beta-4 → 0.0.82-beta-6

package/dist/Common/CodeEditor/CodeEditor.d.ts

@@ -1,5 +1,48 @@
-import { CodeEditorComposition, CodeEditorInterface } from './types';
 import { default as React } from 'react';
 
+interface InformationBarProps {
+    text: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+interface CodeEditorInterface {
+    value?: string;
+    lineDecorationsWidth?: number;
+    responseType?: string;
+    onChange?: (string: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    children?: any;
+    defaultValue?: string;
+    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile';
+    tabSize?: number;
+    readOnly?: boolean;
+    noParsing?: boolean;
+    minHeight?: number;
+    maxHeight?: number;
+    inline?: boolean;
+    height?: number | string;
+    shebang?: string | JSX.Element;
+    diffView?: boolean;
+    loading?: boolean;
+    customLoader?: JSX.Element;
+    theme?: string;
+    original?: string;
+    focus?: boolean;
+    validatorSchema?: any;
+    isKubernetes?: boolean;
+    cleanData?: boolean;
+    chartVersion?: any;
+}
+interface CodeEditorComposition {
+    Header?: React.FC<any>;
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
+    Warning?: React.FC<InformationBarProps>;
+    ErrorBar?: React.FC<InformationBarProps>;
+    Information?: React.FC<InformationBarProps>;
+}
 declare const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition;
 export default CodeEditor;

package/dist/Common/Common.service.d.ts

@@ -1,5 +1,4 @@
-import { ApiResourceType } from '../Pages';
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse } from './Types';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery } from './Types';
 
 export declare const getTeamListMin: () => Promise<TeamList>;
 interface UserRole extends ResponseType {
@@ -21,9 +20,5 @@ export declare function extractImage(image: string): string;
 export declare function createGitCommitUrl(url: string, revision: string): string;
 export declare function fetchChartTemplateVersions(): Promise<ResponseType<any>>;
 export declare const getDefaultConfig: () => Promise<ResponseType>;
-export declare function getEnvironmentListMinPublic(includeAllowedDeploymentTypes?: boolean): Promise<ResponseType<any>>;
-export declare function getClusterListMin(): Promise<ResponseType<any>>;
-export declare const getResourceGroupListRaw: (clusterId: string) => Promise<ResponseType<ApiResourceType>>;
-export declare function getNamespaceListMin(clusterIdsCsv: string): Promise<EnvironmentListHelmResponse>;
 export declare function getWebhookEventsForEventId(eventId: string | number): Promise<ResponseType<any>>;
 export {};

package/dist/Common/Constants.d.ts

@@ -25,8 +25,6 @@ export declare const URLS: {
     GETTING_STARTED: string;
     STACK_MANAGER_ABOUT: string;
     APP_LIST_HELM: string;
-    APP_CI_DETAILS: string;
-    LOGS: string;
     CREATE: string;
     RELEASES: string;
 };
@@ -45,11 +43,6 @@ export declare const ROUTES: {
     SERVER_INFO_API: string;
     ATTRIBUTES_USER: string;
     UPDATE: string;
-    ENVIRONMENT_LIST_MIN: string;
-    CLUSTER: string;
-    API_RESOURCE: string;
-    GVK: string;
-    NAMESPACE: string;
     CLUSTER_NOTE: string;
     APPLICATION_NOTE: string;
     GIT_HOST_EVENT: string;
@@ -122,8 +115,7 @@ export declare enum MODES {
     YAML = "yaml",
     JSON = "json",
     SHELL = "shell",
-    DOCKERFILE = "dockerfile",
-    PLAINTEXT = "plaintext"
+    DOCKERFILE = "dockerfile"
 }
 export declare enum APPROVAL_MODAL_TYPE {
     CONFIG = "CONFIG",
@@ -234,8 +226,8 @@ export declare const POSTHOG_EVENT_ONBOARDING: {
     SKIP_AND_EXPLORE_DEVTRON: string;
 };
 export declare const MAX_LOGIN_COUNT = 5;
+export declare const BULK_EDIT_HEADER = "Bulk Edit";
 export declare const LOGIN_COUNT = "login-count";
-export declare const DEFAULT_ENV = "devtron-ci";
 export declare const DATE_TIME_FORMATS: {
     TWELVE_HOURS_FORMAT: string;
     TWELVE_HOURS_FORMAT_WITHOUT_WEEKDAY: string;

package/dist/Common/ErrorPage.d.ts

@@ -1,4 +1,4 @@
 import { ErrorPageType } from './Types';
 
-declare const ErrorPage: ({ code, image, title, subTitle, imageType, heightToDeduct, redirectURL, reload }: ErrorPageType) => JSX.Element;
+declare const ErrorPage: ({ code, image, title, subTitle, imageType, heightToDeduct, reload, redirectURL }: ErrorPageType) => JSX.Element;
 export default ErrorPage;

package/dist/Common/Helper.d.ts

@@ -86,4 +86,5 @@ export declare const compareObjectLength: (objA: any, objB: any) => boolean;
  * Return deep copy of the object
  */
 export declare function deepEqual(configA: any, configB: any): boolean;
+export declare const prefixZeroIfSingleDigit: (value?: number) => string | number;
 export {};

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

@@ -3,3 +3,4 @@ export { useClickOutside } from './UseClickOutside/UseClickOutside';
 export { useWindowSize } from './UseWindowSize/UseWindowSize';
 export * from './useUrlFilters';
 export * from './UseRegisterShortcut';
+export * from './useStateFilters';

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

@@ -0,0 +1,2 @@
+export { default as useStateFilters } from './useStateFilters';
+export type { UseStateFiltersProps, UseStateFiltersReturnType } from './types';

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

@@ -0,0 +1,6 @@
+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'> {
+}

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

@@ -0,0 +1,17 @@
+import { UseStateFiltersProps, UseStateFiltersReturnType } from './types';
+
+/**
+ * Generic hook for implementing state based pagination, search, sorting.
+ * Sister method of [useUrlFilters](https://github.com/devtron-labs/devtron-fe-common-lib/blob/main/src/Common/Hooks/useUrlFilters/useUrlFilters.ts)
+ *
+ * The exposed handlers can be consumed directly without the need for explicit state management
+ *
+ * @example Usage with custom type for sort keys and initial sort key:
+ * ```tsx
+ * const  { sortBy, sortOrder } = useUrlFilters<'email' | 'name'>({ initialSortKey: 'email' })
+ * ```
+ *
+ * To be extended to be used with pagination and search as and when required
+ */
+declare const useStateFilters: <T = string>({ initialSortKey, }?: UseStateFiltersProps<T>) => UseStateFiltersReturnType<T>;
+export default useStateFilters;

package/dist/Common/Types.d.ts

@@ -116,11 +116,9 @@ export interface GenericEmptyStateType {
     layout?: 'row' | 'column';
     contentClassName?: string;
 }
-export interface ErrorPageType extends Pick<GenericEmptyStateType, 'image' | 'title' | 'subTitle' | 'renderButton' | 'imageType'>, Pick<ErrorScreenManagerProps, 'reload'> {
+export interface ErrorPageType extends Pick<GenericEmptyStateType, 'image' | 'title' | 'subTitle' | 'renderButton' | 'imageType'>, Pick<ErrorScreenManagerProps, 'reload' | 'redirectURL'> {
     code: number;
     heightToDeduct?: number;
-    redirectURL?: string;
-    reload?: () => void;
 }
 export interface ErrorScreenManagerProps {
     code?: number;
@@ -128,6 +126,10 @@ export interface ErrorScreenManagerProps {
     subtitle?: React.ReactChild;
     reloadClass?: string;
     heightToDeduct?: number;
+    /**
+     * Would be used to redirect URL in case of 404
+     * @default - APP_LIST
+     */
     redirectURL?: string;
 }
 export interface ErrorScreenNotAuthorizedProps {
@@ -306,6 +308,14 @@ export interface DeploymentWindowArtifactMetadata {
     name: string;
     type: DEPLOYMENT_WINDOW_TYPE;
 }
+export interface ArtifactReleaseMappingType {
+    id: number;
+    identifier: string;
+    releaseVersion: string;
+    name: string;
+    kind: string;
+    version: string;
+}
 export interface CDMaterialType {
     index: number;
     id: string;
@@ -349,6 +359,14 @@ export interface CDMaterialType {
     promotionApprovalMetadata?: PromotionApprovalMetadataType;
     deployedOnEnvironments?: string[];
     deploymentWindowArtifactMetadata?: DeploymentWindowArtifactMetadata;
+    /**
+     * Will only be present in case of release
+     */
+    configuredInReleases: ArtifactReleaseMappingType[];
+    /**
+     * Would currently only be received in case of release
+     */
+    appWorkflowId: number;
 }
 export declare enum CDMaterialServiceEnum {
     ROLLBACK = "rollback",
@@ -700,6 +718,61 @@ export interface CiPipeline {
     isOffendingMandatoryPlugin?: boolean;
     pipelineType?: string;
 }
+export interface InformationBarProps {
+    text: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CodeEditorInterface {
+    value?: string;
+    lineDecorationsWidth?: number;
+    responseType?: string;
+    onChange?: (string: any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    children?: any;
+    defaultValue?: string;
+    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile' | 'plaintext';
+    tabSize?: number;
+    readOnly?: boolean;
+    noParsing?: boolean;
+    minHeight?: number;
+    maxHeight?: number;
+    inline?: boolean;
+    height?: number | string;
+    shebang?: string | JSX.Element;
+    diffView?: boolean;
+    loading?: boolean;
+    customLoader?: JSX.Element;
+    theme?: string;
+    original?: string;
+    focus?: boolean;
+    validatorSchema?: any;
+    isKubernetes?: boolean;
+    cleanData?: boolean;
+    chartVersion?: any;
+}
+export interface CodeEditorComposition {
+    Header?: React.FC<any>;
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
+    Warning?: React.FC<InformationBarProps>;
+    ErrorBar?: React.FC<InformationBarProps>;
+    Information?: React.FC<InformationBarProps>;
+}
+export interface CodeEditorHeaderComposition {
+    LanguageChanger?: React.FC<any>;
+    ThemeChanger?: React.FC<any>;
+    ValidationError?: React.FC<any>;
+    Clipboard?: React.FC<any>;
+}
+export interface CodeEditorHeaderInterface {
+    children?: any;
+    className?: string;
+    hideDefaultSplitHeader?: boolean;
+}
 export interface DeploymentChartVersionType {
     chartRefId: number;
     chartVersion: string;
@@ -770,18 +843,4 @@ export interface DeploymentWindowProfileMetaData {
     excludedUserEmails: string[];
     warningMessage: string;
 }
-export interface EnvironmentListHelmResult {
-    clusterId: number;
-    clusterName: string;
-    environments: EnvironmentHelmResult[];
-}
-export interface EnvironmentHelmResult {
-    environmentId: number;
-    environmentName: string;
-    namespace: string;
-    environmentIdentifier: string;
-    isVirtualEnvironment?: boolean;
-    allowedDeploymentTypes?: DeploymentAppTypes[];
-}
-export type EnvironmentListHelmResponse = ResponseType<EnvironmentListHelmResult[]>;
 export {};

package/dist/Common/index.d.ts

@@ -53,4 +53,3 @@ export * from './Pagination';
 export * from './Markdown';
 export * from './GenericDescription';
 export * from './SegmentedBarChart';
-export * from './CodeEditor';

package/dist/Pages/index.d.ts

@@ -1,2 +1 @@
 export * from './GlobalConfigurations';
-export * from './ResourceBrowser';

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

@@ -1,4 +1,4 @@
 import { APIResponseHandlerProps } from './types';
 
-declare const APIResponseHandler: ({ isLoading, progressingProps, customLoader, error, notAuthorized, notFoundText, reloadProps, genericSectionErrorProps, children, }: APIResponseHandlerProps) => JSX.Element;
+declare const APIResponseHandler: ({ isLoading, progressingProps, customLoader, error, notAuthorized, notFoundText, reloadProps, genericSectionErrorProps, errorScreenManagerProps, children, }: APIResponseHandlerProps) => JSX.Element;
 export default APIResponseHandler;

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

@@ -1,5 +1,5 @@
 import { GenericSectionErrorStateProps } from '../GenericSectionErrorState/types';
-import { GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
+import { ErrorScreenManagerProps, GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
 import { ReactNode } from 'react';
 
 export interface EmptyPageTextType {
@@ -37,9 +37,14 @@ export interface APIResponseHandlerProps {
      */
     reloadProps?: ReloadType;
     /**
-     * If given, would show this component instead of default Error component
+     * If given, would show GenericSectionErrorState instead of default Reload component
      */
     genericSectionErrorProps?: GenericSectionErrorStateProps;
+    /**
+     * If given, would show ErrorScreenManager component instead of Reload component
+     * Priority of error states are: genericSectionErrorProps > errorScreenManagerProps > Reload component
+     */
+    errorScreenManagerProps?: ErrorScreenManagerProps;
     /**
      * If no Error and no Loading, would load this component
      */

package/dist/Shared/Components/Header/PageHeader.d.ts

@@ -1,4 +1,4 @@
 import { PageHeaderType } from './types';
 
-declare const PageHeader: ({ headerName, additionalHeaderInfo, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, renderActionButtons, showCloseButton, onClose, markAsBeta, showAnnouncementHeader, tippyProps, }: PageHeaderType) => JSX.Element;
+declare const PageHeader: ({ headerName, additionalHeaderInfo, isTippyShown, tippyRedirectLink, showTabs, renderHeaderTabs, isBreadcrumbs, breadCrumbs, TippyIcon, tippyMessage, onClickTippybutton, renderActionButtons, showCloseButton, onClose, markAsBeta, showAnnouncementHeader, }: PageHeaderType) => JSX.Element;
 export default PageHeader;

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

@@ -1,4 +1,4 @@
-import { ResponseType, TippyCustomizedProps } from '../../../Common';
+import { ResponseType } from '../../../Common';
 
 export declare enum InstallationType {
     OSS_KUBECTL = "oss_kubectl",
@@ -19,23 +19,21 @@ export declare enum ModuleStatus {
 }
 export interface PageHeaderType {
     headerName?: string;
-    showTabs?: boolean;
     additionalHeaderInfo?: () => JSX.Element;
+    isTippyShown?: boolean;
+    tippyRedirectLink?: string;
+    showTabs?: boolean;
     renderHeaderTabs?: () => JSX.Element;
     isBreadcrumbs?: boolean;
     breadCrumbs?: () => JSX.Element;
+    TippyIcon?: React.FunctionComponent<any>;
+    tippyMessage?: string;
+    onClickTippybutton?: () => void;
     renderActionButtons?: () => JSX.Element;
     showCloseButton?: boolean;
     onClose?: () => void;
     markAsBeta?: boolean;
     showAnnouncementHeader?: boolean;
-    tippyProps?: Pick<TippyCustomizedProps, 'additionalContent'> & {
-        isTippyCustomized?: boolean;
-        tippyRedirectLink?: string;
-        TippyIcon?: React.FunctionComponent<any>;
-        tippyMessage?: string;
-        onClickTippyButton?: () => void;
-    };
 }
 export interface ServerInfo {
     currentVersion: string;

package/dist/Shared/Helpers.d.ts

@@ -1,5 +1,5 @@
 import { GitTriggers, WebhookEventNameType } from './types';
-import { MaterialInfo } from '../Common';
+import { MaterialInfo, SortingOrder } from '../Common';
 
 interface HighlightSearchTextProps {
     /**
@@ -19,7 +19,8 @@ export declare const highlightSearchText: ({ searchText, text, highlightClasses
 export declare const preventBodyScroll: (lock: boolean) => void;
 export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[]) => boolean;
 export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
-export declare const caseInsensitiveStringComparator: (a: string, b: string) => number;
+export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;
+export declare const numberComparatorBySortOrder: (a: number, b: number, sortOrder?: SortingOrder) => number;
 export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => JSX.Element;
 export declare const isNullOrUndefined: (value: unknown) => boolean;
 export {};

package/dist/Shared/types.d.ts

@@ -253,15 +253,3 @@ export declare enum Nodes {
     Overview = "Overview"
 }
 export type NodeType = keyof typeof Nodes;
-export declare enum AggregationKeys {
-    Workloads = "Workloads",
-    Networking = "Networking",
-    'Config & Storage' = "Config & Storage",
-    RBAC = "RBAC",
-    Administration = "Administration",
-    'Custom Resource' = "Custom Resource",
-    'Other Resources' = "Other Resources",
-    Events = "Events",
-    Namespaces = "Namespaces"
-}
-export type AggregationKeysType = keyof typeof AggregationKeys;

package/dist/Shared/validations.d.ts

@@ -12,7 +12,6 @@ export declare const MESSAGES: {
     VALID_POSITIVE_INTEGER: string;
     MAX_SAFE_INTEGER: string;
 };
-export declare const requiredField: (value: string) => ValidationResponseType;
 export declare const validateName: (name: string) => ValidationResponseType;
 export declare const validateDescription: (description: string) => ValidationResponseType;
 export declare const validateRequiredPositiveNumber: (value: string | number) => ValidationResponseType;