@devtron-labs/devtron-fe-common-lib 0.0.90 → 0.0.91-beta-4

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

@@ -260,3 +260,60 @@ export declare const DATE_TIME_FORMATS: {
     TWELVE_HOURS_FORMAT_WITHOUT_WEEKDAY: string;
     TWELVE_HOURS_EXPORT_FORMAT: string;
 };
+export declare enum TIMELINE_STATUS {
+    DEPLOYMENT_INITIATED = "DEPLOYMENT_INITIATED",
+    GIT_COMMIT = "GIT_COMMIT",
+    GIT_COMMIT_FAILED = "GIT_COMMIT_FAILED",
+    ARGOCD_SYNC = "ARGOCD_SYNC",
+    ARGOCD_SYNC_FAILED = "ARGOCD_SYNC_FAILED",
+    KUBECTL_APPLY = "KUBECTL_APPLY",
+    KUBECTL_APPLY_STARTED = "KUBECTL_APPLY_STARTED",
+    KUBECTL_APPLY_SYNCED = "KUBECTL_APPLY_SYNCED",
+    HEALTHY = "HEALTHY",
+    APP_HEALTH = "APP_HEALTH",
+    DEPLOYMENT_FAILED = "FAILED",
+    FETCH_TIMED_OUT = "TIMED_OUT",
+    UNABLE_TO_FETCH_STATUS = "UNABLE_TO_FETCH_STATUS",
+    DEGRADED = "DEGRADED",
+    DEPLOYMENT_SUPERSEDED = "DEPLOYMENT_SUPERSEDED",
+    ABORTED = "ABORTED",
+    INPROGRESS = "INPROGRESS",
+    HELM_PACKAGE_GENERATED = "HELM_PACKAGE_GENERATED",
+    HELM_MANIFEST_PUSHED_TO_HELM_REPO = "HELM_MANIFEST_PUSHED_TO_HELM_REPO",
+    HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED = "HELM_MANIFEST_PUSHED_TO_HELM_REPO_FAILED"
+}
+export declare const DEPLOYMENT_STATUS: {
+    readonly SUCCEEDED: "succeeded";
+    readonly HEALTHY: "healthy";
+    readonly FAILED: "failed";
+    readonly TIMED_OUT: "timed_out";
+    readonly UNABLE_TO_FETCH: "unable_to_fetch";
+    readonly INPROGRESS: "inprogress";
+    readonly PROGRESSING: "progressing";
+    readonly STARTING: "starting";
+    readonly INITIATING: "initiating";
+    readonly SUPERSEDED: "superseded";
+    readonly QUEUED: "queued";
+    readonly UNKNOWN: "unknown";
+    readonly CHECKING: "checking";
+};
+export declare const statusIcon: {
+    failed: string;
+    queued: string;
+    suspended: string;
+    starting: string;
+    initiating: string;
+    unknown: string;
+    degraded: string;
+    healthy: string;
+    notdeployed: string;
+    missing: string;
+    progressing: string;
+    deploymentinitiated: string;
+    hibernating: string;
+    succeeded: string;
+    timedout: string;
+    unabletofetch: string;
+};
+export declare const APP_STATUS_HEADERS: string[];
+export declare const MATERIAL_EXCLUDE_TIPPY_TEXT = "Not available for build as this commit contains changes in excluded files or folders";

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,8 @@ 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' | 'changePage' | 'changePageSize' | 'offset' | 'pageSize' | 'searchKey' | 'handleSearch'> {
+}
+export interface PaginationType<T> extends Pick<UseUrlFiltersReturnType<T>, 'pageSize'> {
+    pageNumber: number;
 }

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

@@ -2,7 +2,15 @@ import { default as React } from 'react';
 
 export declare const Option: (props: any) => JSX.Element;
 export declare const SingleSelectOption: (props: any) => JSX.Element;
+/**
+ *  Multi value container
+*/
 export declare const MultiValueContainer: (props: any) => JSX.Element;
+/**
+ *
+ * Multi value container with count
+ */
+export declare const MultiValueContainerWithCount: (props: any) => JSX.Element;
 export declare const ClearIndicator: (props: any) => JSX.Element;
 export declare const MultiValueRemove: (props: any) => JSX.Element;
 export declare const MultiValueChipContainer: ({ validator, isAllSelected, ...props }: {

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

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

@@ -32,6 +32,10 @@ export interface SearchBarProps {
      * Timeout for the debounce handler to be triggered
      */
     debounceTimeout?: number;
+    /**
+     * Data test id for the search input
+     */
+    dataTestId?: string;
     /**
      * Hide the background and border of the search
      */

package/dist/Common/ShowMoreText.d.ts

@@ -0,0 +1,5 @@
+interface ShowMoreTextProps {
+    text: string;
+}
+export declare const ShowMoreText: ({ text }: ShowMoreTextProps) => JSX.Element;
+export {};

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

@@ -13,7 +13,7 @@ export * from './Modals/Modal';
 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/CICDHistory/GitCommitInfoGeneric.d.ts

@@ -0,0 +1,12 @@
+declare const GitCommitInfoGeneric: ({ materialSourceType, materialSourceValue, commitInfo, selectedCommitInfo, materialUrl, showMaterialInfoHeader, canTriggerBuild, index, isExcluded, }: {
+    materialSourceType: any;
+    materialSourceValue: any;
+    commitInfo: any;
+    selectedCommitInfo: any;
+    materialUrl: any;
+    showMaterialInfoHeader: any;
+    canTriggerBuild?: boolean;
+    index: any;
+    isExcluded?: boolean;
+}) => JSX.Element;
+export default GitCommitInfoGeneric;

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

@@ -0,0 +1,9 @@
+declare const GitMaterialInfoHeader: ({ index, repoUrl, materialType, materialValue, style, ...props }: {
+    [x: string]: any;
+    index: any;
+    repoUrl?: string;
+    materialType?: string;
+    materialValue?: string;
+    style?: {};
+}) => JSX.Element;
+export default GitMaterialInfoHeader;

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

@@ -14,6 +14,228 @@ export declare const FILTER_STYLE: {
 };
 export declare const GIT_BRANCH_NOT_CONFIGURED = "Not Configured";
 export declare const DEFAULT_GIT_BRANCH_VALUE = "--";
+export declare const EMPTY_STATE_STATUS: {
+    DATA_NOT_AVAILABLE: string;
+    API_TOKEN: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    ARTIFACTS_EMPTY_STATE_TEXTS: {
+        NoFilesFound: string;
+        BlobStorageNotConfigured: string;
+        StoreFiles: string;
+        ConfigureBlobStorage: string;
+        NoFilesGenerated: string;
+        NoArtifactsGenerated: string;
+        NoArtifactsError: string;
+        FailedToFetchArtifacts: string;
+        FailedToFetchArtifactsError: string;
+        NoArtifactsFound: string;
+        NoArtifactsFoundError: string;
+    };
+    CI_BUILD_HISTORY_PIPELINE_TRIGGER: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CI_BUILD_HISTORY_LINKED_PIPELINE: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CI_BUILD_HISTORY_NO_PIPELINE: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CI_DEATILS_NO_VULNERABILITY_FOUND: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CI_DETAILS_IMAGE_SCANNED_DISABLED: string;
+    CI_DETAILS_IMAGE_NOT_SCANNED: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CD_DETAILS_NO_ENVIRONMENT: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CD_DETAILS_NO_DEPLOYMENT: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CHART: {
+        NO_SOURCE_TITLE: string;
+        NO_CHART_FOUND: string;
+    };
+    CHART_DEPLOYMENT_HISTORY: {
+        SUBTITLE: string;
+    };
+    CHART_GROUP_DEPLOYMENT: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    DEPLOYMENT_DETAILS_SETPS_FAILED: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    DEPLOYMENT_DETAILS_SETPS_PROGRESSING: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    DEVTRON_APP_DEPLOYMENT_HISTORY_SOURCE_CODE: {
+        SUBTITLE: string;
+    };
+    DEPLOYMENT_HISTORY_CONFIG_LIST: {
+        SUBTITLE: string;
+    };
+    GENERATE_API_TOKEN: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    TRIGGER_URL: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CD_EMPTY_STATE: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CI_PROGRESS_VIEW: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    RENDER_EMPTY_STATE: {
+        TITILE: string;
+        SUBTITLE: string;
+    };
+    RENDER_NO_ENVIORNMENT_STATE: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    RENDER_SELECT_ENVIRONMENT_VIEW: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    SAVED_VALUES_EMPTY_STATE: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    LOADING_CLUSTER: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    NO_MATCHING_RESULT: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CLUSTER_NODE_EMPTY_STATE: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CHART_EMPTY_STATE: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CHART_VALUES_GUIT_VIEW: {
+        SUBTITLE: string;
+    };
+    DEVTRON_STACK_MANAGER: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    NO_GROUPS: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    NO_USER: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    RENDER_LIST: {
+        SUBTITLE: string;
+    };
+    CUSTOM_CHART_LIST: {
+        TITLE: string;
+    };
+    BULK_ACTION_EDITS: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    SECURITY_SCANS: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    NOTIFICATION_TAB: {
+        TITLE: string;
+        SUBTITL: string;
+    };
+    CONFIGURATION_TAB: {
+        TITLE: string;
+    };
+    EXTERNAL_LINK_COMPONENT: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    CD_MATERIAL: {
+        TITLE: string;
+    };
+    CI_DETAILS_NOT_FOUND: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    TRIGGER_NOT_FOUND: {
+        TITLE: string;
+        SUBTITLE: string;
+    };
+    OVERVIEW: {
+        DEPLOYMENT_TITLE: string;
+        DEPLOYMENT_SUB_TITLE: string;
+        APP_DESCRIPTION: string;
+        JOB_DESCRIPTION: string;
+    };
+};
+export declare const DEPLOYMENT_HISTORY_CONFIGURATION_LIST_MAP: {
+    DEPLOYMENT_TEMPLATE: {
+        DISPLAY_NAME: string;
+        VALUE: string;
+    };
+    PIPELINE_STRATEGY: {
+        DISPLAY_NAME: string;
+        VALUE: string;
+    };
+    CONFIGMAP: {
+        DISPLAY_NAME: string;
+        VALUE: string;
+    };
+    SECRET: {
+        DISPLAY_NAME: string;
+        VALUE: string;
+    };
+};
+export declare const EXTERNAL_TYPES: {
+    [x: string]: {
+        '': string;
+        KubernetesSecret: string;
+        AWSSecretsManager: string;
+        AWSSystemManager: string;
+        HashiCorpVault: string;
+        ESO_HashiCorpVault: string;
+        ESO_AWSSecretsManager: string;
+        ESO_GoogleSecretsManager: string;
+        ESO_AzureSecretsManager: string;
+        KubernetesConfigMap?: undefined;
+    } | {
+        '': string;
+        KubernetesConfigMap: string;
+        KubernetesSecret?: undefined;
+        AWSSecretsManager?: undefined;
+        AWSSystemManager?: undefined;
+        HashiCorpVault?: undefined;
+        ESO_HashiCorpVault?: undefined;
+        ESO_AWSSecretsManager?: undefined;
+        ESO_GoogleSecretsManager?: undefined;
+        ESO_AzureSecretsManager?: undefined;
+    };
+};
 export declare const TERMINAL_STATUS_MAP: {
     SUCCEEDED: string;
     HEALTHY: string;

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/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,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';