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

package/dist/Common/BreadCrumb/BreadcrumbStore.d.ts

@@ -1,5 +1,7 @@
+import { BreadcrumbTextProps } from './Types';
 import { default as React } from 'react';
 
+export declare const BreadcrumbText: ({ heading, isActive }: BreadcrumbTextProps) => JSX.Element;
 declare const Store: ({ children }: {
     children: any;
 }) => JSX.Element;

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

@@ -26,3 +26,7 @@ export interface Breadcrumbs {
     className?: string;
 }
 export type UseBreadcrumbOptionalProps = UseBreadcrumbProps | null;
+export interface BreadcrumbTextProps {
+    heading: string;
+    isActive?: boolean;
+}

package/dist/Common/Helper.d.ts

@@ -86,5 +86,4 @@ 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,4 +3,3 @@ export { useClickOutside } from './UseClickOutside/UseClickOutside';
 export { useWindowSize } from './UseWindowSize/UseWindowSize';
 export * from './useUrlFilters';
 export * from './UseRegisterShortcut';
-export * from './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: Partial<K>) => void;
+    updateSearchParams: (paramsToSerialize: K) => void;
 };

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, noBackgroundAndBorder, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

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

@@ -33,7 +33,7 @@ export interface SearchBarProps {
      */
     debounceTimeout?: number;
     /**
-     * Hide the background and border of the search
+     * Data test id for the search input
      */
-    noBackgroundAndBorder?: boolean;
+    dataTestId?: string;
 }

package/dist/Common/Types.d.ts

@@ -28,9 +28,9 @@ export interface APIOptions {
     signal?: AbortSignal;
     preventAutoLogout?: boolean;
 }
-export interface OptionType<T = string, K = string> {
-    value: T;
-    label: K;
+export interface OptionType {
+    label: string;
+    value: string;
 }
 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' | 'redirectURL'> {
+export interface ErrorPageType extends Pick<GenericEmptyStateType, 'image' | 'title' | 'subTitle' | 'renderButton' | 'imageType'>, Pick<ErrorScreenManagerProps, 'reload'> {
     code: number;
     heightToDeduct?: number;
     redirectURL?: string;
@@ -128,10 +128,6 @@ 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 {
@@ -140,7 +136,8 @@ export interface ErrorScreenNotAuthorizedProps {
 }
 export declare enum ImageType {
     Large = "large",
-    Medium = "medium"
+    Medium = "medium",
+    SMALL = "small"
 }
 export interface InfoColourBarType {
     message: React.ReactNode;
@@ -310,14 +307,6 @@ 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;
@@ -361,14 +350,6 @@ 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

@@ -14,7 +14,7 @@ export * from './Modals/OpaqueModal';
 export * from './Modals/VisibleModal';
 export * from './Modals/VisibleModal2';
 export { BreadCrumb, useBreadcrumb } from './BreadCrumb/BreadCrumb';
-export { default as BreadcrumbStore } from './BreadCrumb/BreadcrumbStore';
+export { default as BreadcrumbStore, BreadcrumbText } from './BreadCrumb/BreadcrumbStore';
 export { default as RadioGroup } from './RadioGroup';
 export { default as RadioGroupItem } from './RadioGroupItem';
 export { default as PopupMenu } from './PopupMenu';

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, errorScreenManagerProps, children, }: APIResponseHandlerProps) => JSX.Element;
+declare const APIResponseHandler: ({ isLoading, progressingProps, customLoader, error, notAuthorized, notFoundText, reloadProps, genericSectionErrorProps, 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 { ErrorScreenManagerProps, GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
+import { GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
 import { ReactNode } from 'react';
 
 export interface EmptyPageTextType {
@@ -37,14 +37,9 @@ export interface APIResponseHandlerProps {
      */
     reloadProps?: ReloadType;
     /**
-     * If given, would show GenericSectionErrorState instead of default Reload component
+     * If given, would show this component instead of default Error 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, disabled, }: ButtonWithSelectorProps) => JSX.Element;
+declare const ButtonWithSelector: ({ content, onClick, children, className, popUpBodyClassName, showPopUp, }: ButtonWithSelectorProps) => JSX.Element;
 export default ButtonWithSelector;

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

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

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

@@ -0,0 +1,3 @@
+import { FeatureDescriptionModalProps } from './types';
+
+export declare const FeatureDescriptionModal: ({ image, 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, image, 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,20 @@
+import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
+import { ImageType } from '../../../Common';
+
+export interface FeatureDescriptionModalProps {
+    image?: any;
+    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/FilterChips/FilterChips.component.d.ts

@@ -3,5 +3,5 @@ import { FilterChipsProps } from './types';
 /**
  * Component for rendering the applied filter chips
  */
-declare const FilterChips: <T = Record<string, unknown>>({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, className, clearButtonClassName, }: FilterChipsProps<T>) => JSX.Element;
+declare const FilterChips: ({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, }: FilterChipsProps) => 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<T = Record<string, unknown>> extends Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue'> {
+export interface FilterChipsProps extends Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue'> {
     /**
      * Current filter configuration
      */
-    filterConfig: T;
+    filterConfig: Record<string, unknown>;
     /**
      * Callback handler for removing the filters
      */
@@ -34,13 +34,5 @@ export interface FilterChipsProps<T = Record<string, unknown>> extends Pick<Filt
     /**
      * Handler for removing a applied filter
      */
-    onRemoveFilter: (filterConfig: T) => void;
-    /**
-     * Class name for the container
-     */
-    className?: string;
-    /**
-     * Class name for the clear filter button
-     */
-    clearButtonClassName?: string;
+    onRemoveFilter: (filterConfig: Record<string, unknown>) => void;
 }

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, useInfoIcon, }: GenericSectionErrorStateProps) => JSX.Element;
+declare const GenericSectionErrorState: ({ reload, withBorder, title, subTitle, description, buttonText, rootClassName, }: GenericSectionErrorStateProps) => JSX.Element;
 export default GenericSectionErrorState;

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

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

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

@@ -29,10 +29,4 @@ 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/Components/ReactSelect/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const CommonGroupedDropdownStyles: {
+    container: (base: any, state: any) => any;
+    control: (base: any, state: any) => any;
+    singleValue: (base: any) => any;
+    option: (base: any, state: any) => any;
+    valueContainer: (base: any) => any;
+    dropdownIndicator: (base: any, state: any) => any;
+    group: (base: any) => any;
+    groupHeading: (base: any) => any;
+    menuList: (base: any) => any;
+    multiValue: (base: any) => any;
+    multiValueLabel: (base: any) => any;
+    placeholder: (base: any) => any;
+};

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

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

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

@@ -17,3 +17,4 @@ export * from './Header';
 export * from './AnnouncementBanner';
 export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
+export * from './FeatureDescription';

package/dist/Shared/Helpers.d.ts

@@ -1,5 +1,5 @@
 import { GitTriggers, WebhookEventNameType } from './types';
-import { MaterialInfo, SortingOrder } from '../Common';
+import { MaterialInfo } from '../Common';
 
 interface HighlightSearchTextProps {
     /**
@@ -19,9 +19,7 @@ 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 stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;
-export declare const numberComparatorBySortOrder: (a: number, b: number, sortOrder?: SortingOrder) => number;
+export declare const caseInsensitiveStringComparator: (a: string, b: string) => number;
 export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => JSX.Element;
 export declare const isNullOrUndefined: (value: unknown) => boolean;
-export declare const getKeyToBooleanMapFromArray: <T extends string | number>(arr?: T[]) => Record<T, boolean>;
 export {};