@devtron-labs/devtron-fe-common-lib 0.0.83-beta-9 → 0.0.83-beta-10

package/dist/Common/Api.d.ts

@@ -13,4 +13,4 @@ export declare const abortPreviousRequests: <T>(callback: () => Promise<T>, abor
 /**
  * Returns true if the error is due to a aborted request
  */
-export declare const getIsRequestAborted: (error: any) => any;
+export declare const getIsRequestAborted: (error: any) => boolean;

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

@@ -0,0 +1,4 @@
+import { GenericEmptyStateType } from '../Types';
+
+declare const GenericFilterEmptyState: (props: Omit<GenericEmptyStateType, 'image' | 'title' | 'subTitle'> & Partial<Pick<GenericEmptyStateType, 'title' | 'subTitle'>>) => JSX.Element;
+export default GenericFilterEmptyState;

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' | 'searchKey' | 'handleSearch'> {
+}

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/Hooks/useUrlFilters/types.d.ts

@@ -56,5 +56,5 @@ export type UseUrlFiltersReturnType<T, K = unknown> = K & {
     /**
      * Update the search params with the passed object
      */
-    updateSearchParams: (paramsToSerialize: K) => void;
+    updateSearchParams: (paramsToSerialize: Partial<K>) => void;
 };

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

@@ -5,6 +5,9 @@ export interface OpaqueModalProps {
     onHide?: any;
     noBackground?: boolean;
 }
+/**
+ * @deprecated Use VisibleModal instead
+ */
 export declare class OpaqueModal extends React.Component<OpaqueModalProps> {
     modalRef: HTMLElement;
     componentDidMount(): void;

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

@@ -34,5 +34,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, noBackgroundAndBorder, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

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

@@ -32,4 +32,8 @@ export interface SearchBarProps {
      * Timeout for the debounce handler to be triggered
      */
     debounceTimeout?: number;
+    /**
+     * Hide the background and border of the search
+     */
+    noBackgroundAndBorder?: boolean;
 }

package/dist/Common/Types.d.ts

@@ -28,9 +28,9 @@ export interface APIOptions {
     signal?: AbortSignal;
     preventAutoLogout?: boolean;
 }
-export interface OptionType {
-    label: string;
-    value: string;
+export interface OptionType<T = string, K = string> {
+    value: T;
+    label: K;
 }
 export declare enum TippyTheme {
     black = "black",
@@ -116,7 +116,7 @@ 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;
@@ -128,6 +128,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 {
@@ -209,6 +213,7 @@ export interface PopupMenuType {
     onToggleCallback?: (isOpen: boolean) => void;
     autoClose?: boolean;
     autoPosition?: boolean;
+    shouldPreventDefault?: boolean;
 }
 export interface PopupMenuButtonType {
     children?: ReactNode;
@@ -306,6 +311,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 +362,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",

package/dist/Common/index.d.ts

@@ -26,6 +26,7 @@ export { default as InfoColourBar } from './InfoColorBar/InfoColourbar';
 export * from './Common.service';
 export * from './Checkbox';
 export { default as GenericEmptyState } from './EmptyState/GenericEmptyState';
+export { default as GenericFilterEmptyState } from './EmptyState/GenericFilterEmptyState';
 export * from './SearchBar';
 export * from './SortableTableHeaderCell';
 export { default as Toggle } from './Toggle/Toggle';

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

@@ -14,5 +14,5 @@ import { ButtonWithSelectorProps } from './types';
  * </ButtonWithSelector>
  * ```
  */
-declare const ButtonWithSelector: ({ content, onClick, children, className, popUpBodyClassName, showPopUp, }: ButtonWithSelectorProps) => JSX.Element;
+declare const ButtonWithSelector: ({ content, onClick, children, className, popUpBodyClassName, showPopUp, disabled, }: ButtonWithSelectorProps) => JSX.Element;
 export default ButtonWithSelector;

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

@@ -7,4 +7,5 @@ export interface ButtonWithSelectorProps {
     className?: string;
     popUpBodyClassName?: string;
     showPopUp?: boolean;
+    disabled?: boolean;
 }

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

@@ -3,5 +3,5 @@ import { FilterChipsProps } from './types';
 /**
  * Component for rendering the applied filter chips
  */
-declare const FilterChips: ({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, }: FilterChipsProps) => JSX.Element;
+declare const FilterChips: <T = Record<string, unknown>>({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, className, clearButtonClassName, }: FilterChipsProps<T>) => JSX.Element;
 export default FilterChips;

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

@@ -22,11 +22,11 @@ export interface FilterChipProps {
      */
     getFormattedValue?: (filterKey: string, filterValue: unknown) => ReactNode;
 }
-export interface FilterChipsProps extends Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue'> {
+export interface FilterChipsProps<T = Record<string, unknown>> extends Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue'> {
     /**
      * Current filter configuration
      */
-    filterConfig: Record<string, unknown>;
+    filterConfig: T;
     /**
      * Callback handler for removing the filters
      */
@@ -34,5 +34,13 @@ export interface FilterChipsProps extends Pick<FilterChipProps, 'getFormattedLab
     /**
      * Handler for removing a applied filter
      */
-    onRemoveFilter: (filterConfig: Record<string, unknown>) => void;
+    onRemoveFilter: (filterConfig: T) => void;
+    /**
+     * Class name for the container
+     */
+    className?: string;
+    /**
+     * Class name for the clear filter button
+     */
+    clearButtonClassName?: string;
 }

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

@@ -1,4 +1,4 @@
 import { GenericSectionErrorStateProps } from './types';
 
-declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, }: GenericSectionErrorStateProps) => JSX.Element;
+declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, useInfoIcon, }: GenericSectionErrorStateProps) => JSX.Element;
 export default GenericSectionErrorState;

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

@@ -1 +1,2 @@
 export { default as GenericSectionErrorState } from './GenericSectionErrorState.component';
+export type { GenericSectionErrorStateProps } from './types';

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

@@ -29,4 +29,10 @@ export interface GenericSectionErrorStateProps {
      * to be applied on parent div
      */
     rootClassName?: string;
+    /**
+     * If true, info icon would be used instead of error
+     *
+     * @default false
+     */
+    useInfoIcon?: boolean;
 }

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,8 +19,9 @@ 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 declare const handleDisableSubmitOnEnter: (event: React.KeyboardEvent<HTMLFormElement>) => void;
+export declare const getKeyToBooleanMapFromArray: <T extends string | number>(arr?: T[]) => Record<T, boolean>;
 export {};

package/dist/Shared/constants.d.ts

@@ -29,7 +29,6 @@ export declare const ModuleNameMap: {
 };
 export declare const DATE_TIME_FORMAT_STRING = "ddd DD MMM YYYY HH:mm:ss";
 export declare const API_TOKEN_PREFIX = "API-TOKEN:";
-export declare const DEFAULT_SECRET_PLACEHOLDER = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
 export declare enum PatchOperationType {
     replace = "replace",
     remove = "remove"
@@ -44,3 +43,7 @@ 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"
+}

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 } from '../Common';
 
 export declare enum RegistryType {
@@ -169,7 +169,8 @@ export declare enum ResourceKindType {
     job = "job",
     cluster = "cluster",
     release = "release",
-    releaseTrack = "release-track"
+    releaseTrack = "release-track",
+    tenant = "tenant"
 }
 /**
  * Versions support for the resources on BE
@@ -253,6 +254,10 @@ export declare enum Nodes {
     Overview = "Overview"
 }
 export type NodeType = keyof typeof Nodes;
+export interface InputFieldState<T = string> {
+    value: T;
+    error: string;
+}
 export declare enum AggregationKeys {
     Workloads = "Workloads",
     Networking = "Networking",
@@ -265,14 +270,25 @@ export declare enum AggregationKeys {
     Namespaces = "Namespaces"
 }
 export type AggregationKeysType = keyof typeof AggregationKeys;
-export declare enum GitOpsAuthModeType {
-    SSH = "SSH",
-    PASSWORD = "PASSWORD"
-}
-export interface BaseGitOpsType {
-    authMode: GitOpsAuthModeType;
-    sshKey: string;
-    sshHost: string;
-    username: string;
+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;
 }
-export type GitOpsFieldKeyType = 'host' | 'username' | 'token' | 'gitHubOrgId' | 'azureProjectName' | 'gitLabGroupId' | 'bitBucketWorkspaceId' | 'bitBucketProjectKey' | 'sshHost' | 'sshKey';

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,7 @@ 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) => ValidationResponseType;

package/dist/{cssMode-36450330.js → cssMode-0b1fd8d5.js}

@@ -1,7 +1,7 @@
 var Le = Object.defineProperty;
 var je = (e, n, i) => n in e ? Le(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var k = (e, n, i) => (je(e, typeof n != "symbol" ? n + "" : n, i), i);
-import { m as Ne } from "./index-e2c7b6c5.js";
+import { m as Ne } from "./index-9a6545f4.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{freemarker2-f4392322.js → freemarker2-b16daf65.js}

@@ -1,4 +1,4 @@
-import { m as F } from "./index-e2c7b6c5.js";
+import { m as F } from "./index-9a6545f4.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{handlebars-a874cb86.js → handlebars-1be38206.js}

@@ -1,4 +1,4 @@
-import { m as i } from "./index-e2c7b6c5.js";
+import { m as i } from "./index-9a6545f4.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{html-2dc1fdfd.js → html-15a1ae76.js}

@@ -1,4 +1,4 @@
-import { m as d } from "./index-e2c7b6c5.js";
+import { m as d } from "./index-9a6545f4.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{htmlMode-bd808398.js → htmlMode-4d531231.js}

@@ -1,7 +1,7 @@
 var $e = Object.defineProperty;
 var qe = (e, n, i) => n in e ? $e(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var k = (e, n, i) => (qe(e, typeof n != "symbol" ? n + "" : n, i), i);
-import { m as Qe } from "./index-e2c7b6c5.js";
+import { m as Qe } from "./index-9a6545f4.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)