@devtron-labs/devtron-fe-common-lib 0.0.95-beta-5 → 0.0.95-beta-7

package/dist/Common/Api.d.ts

@@ -1,5 +1,5 @@
-import { MutableRefObject } from 'react';
 import { ResponseType, APIOptions } from './Types';
+import { MutableRefObject } from 'react';
 
 export declare const post: (url: string, data: object, options?: APIOptions, isMultipartRequest?: boolean) => Promise<ResponseType>;
 export declare const put: (url: string, data: object, options?: APIOptions) => Promise<ResponseType>;

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { Breadcrumbs, UseBreadcrumbOptionalProps, UseBreadcrumbState } from './Types';
+import { default as React } from 'react';
 
 export declare const BreadcrumbContext: React.Context<any>;
 export declare function useBreadcrumb(props?: UseBreadcrumbOptionalProps, deps?: any[]): UseBreadcrumbState;

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

@@ -1,7 +1,5 @@
 import { default as React } from 'react';
-import { BreadcrumbTextProps } from './Types';
 
-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,7 +26,3 @@ export interface Breadcrumbs {
     className?: string;
 }
 export type UseBreadcrumbOptionalProps = UseBreadcrumbProps | null;
-export interface BreadcrumbTextProps {
-    heading: string;
-    isActive?: boolean;
-}

package/dist/Common/Checkbox.d.ts

@@ -1,5 +1,5 @@
-import { Component } from 'react';
 import { CheckboxProps } from './Types';
+import { Component } from 'react';
 
 export declare class Checkbox extends Component<CheckboxProps> {
     render(): JSX.Element;

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { CodeEditorComposition, CodeEditorInterface } from './types';
+import { default as React } from 'react';
 
 declare const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition;
 export default CodeEditor;

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

@@ -1,5 +1,5 @@
-import { MODES } from '../Constants';
 import { Action, CodeEditorInitialValueType, CodeEditorState, CodeEditorThemesKeys } from './types';
+import { MODES } from '../Constants';
 
 export declare const CodeEditorReducer: (state: CodeEditorState, action: Action) => {
     mode: any;

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

@@ -1,5 +1,5 @@
-import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse } from './Types';
 import { ApiResourceType } from '../Pages';
+import { TeamList, ResponseType, DeploymentNodeType, CDMaterialServiceEnum, CDMaterialServiceQueryParams, CDMaterialResponseType, CDMaterialFilterQuery, EnvironmentListHelmResponse } from './Types';
 
 export declare const getTeamListMin: () => Promise<TeamList>;
 interface UserRole extends ResponseType {

package/dist/Common/Constants.d.ts

@@ -209,6 +209,9 @@ export declare enum FREQUENCY_ENUM {
     YEARLY = "YEARLY",
     WEEKLY_RANGE = "WEEKLY_RANGE"
 }
+export declare const TIME_FORMAT: {
+    DD_MMM_YYYY_HH_MM: string;
+};
 export declare function getOrdinal(number: any): string;
 export declare const TIME_HOUR_SUFFIX_FOR_12_HOUR_FORMAT: {
     AM: string;
@@ -256,6 +259,4 @@ export declare const DATE_TIME_FORMATS: {
     TWELVE_HOURS_FORMAT: string;
     TWELVE_HOURS_FORMAT_WITHOUT_WEEKDAY: string;
     TWELVE_HOURS_EXPORT_FORMAT: string;
-    DD_MMM_YYYY_HH_MM: string;
-    DD_MMM_YYYY: string;
 };

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

@@ -1,5 +1,5 @@
-import { KEY_VALUE } from '../Constants';
 import { OptionType } from '../Types';
+import { KEY_VALUE } from '../Constants';
 
 export interface SuggestedTagOptionType extends OptionType {
     description: string;

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { DeleteDialogProps } from './Types';
+import { default as React } from 'react';
 
 export declare const DeleteDialog: React.FC<DeleteDialogProps> & {
     Description?: React.FC<any>;

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

@@ -1,5 +1,5 @@
-import { Component } from 'react';
 import { DialogFormProps } from './Types';
+import { Component } from 'react';
 
 export declare class DialogForm extends Component<DialogFormProps> {
     constructor(props: any);

package/dist/Common/Helper.d.ts

@@ -1,6 +1,6 @@
-import { default as React, SyntheticEvent } from 'react';
-import { AsyncOptions, UseSearchString } from './Types';
 import { scrollableInterface } from '../Shared';
+import { AsyncOptions, UseSearchString } from './Types';
+import { default as React, SyntheticEvent } from 'react';
 
 export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
 interface ConditionalWrapper<T> {

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

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

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { ModalType } from '../Types';
+import { default as React } from 'react';
 
 /**
  * @deprecated Use VisibleModal instead

package/dist/Common/MultiSelectCustomization.d.ts

@@ -2,15 +2,7 @@ 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/Policy.Types.d.ts

@@ -1,5 +1,5 @@
-import { VariableType } from './CIPipeline.Types';
 import { ResponseType } from './Types';
+import { VariableType } from './CIPipeline.Types';
 
 export declare enum ApplyPolicyToStage {
     PRE_CI = "PRE_CI",

package/dist/Common/RJSF/config.d.ts

@@ -1,5 +1,5 @@
-import { RegistryWidgetsType } from '@rjsf/utils';
 import { FormProps } from './types';
+import { RegistryWidgetsType } from '@rjsf/utils';
 
 export declare const widgets: RegistryWidgetsType;
 export declare const templates: FormProps['templates'];

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

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
 import { default as RJSFForm } from '@rjsf/core';
+import { ComponentProps } from 'react';
 
 export type FormProps = Omit<ComponentProps<typeof RJSFForm>, 'validator'>;

package/dist/Common/RJSF/utils.d.ts

@@ -1,5 +1,5 @@
-import { TranslatableString } from '@rjsf/utils';
 import { default as Tippy } from '@tippyjs/react';
+import { TranslatableString } from '@rjsf/utils';
 
 /**
  * Override for the TranslatableString from RJSF

package/dist/Common/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { RadioGroupComposition, RadioGroupInterface } from '../Types';
+import { default as React } from 'react';
 
 declare const RadioGroup: React.FC<RadioGroupInterface> & RadioGroupComposition;
 export default RadioGroup;

package/dist/Common/Reload.d.ts

@@ -1,3 +1,6 @@
 import { ReloadType } from './Types';
 
+/**
+ * @deprecated Use APIResponseHandler (Preferred) or error screen manager instead
+ */
 export default function Reload({ reload, className, heightToDeduct }: ReloadType): JSX.Element;

package/dist/Common/ResizableTextarea.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
 import { ResizableTextareaProps } from './Types';
+import { default as React } from 'react';
 
 export declare const ResizableTextarea: React.FC<ResizableTextareaProps>;

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, dataTestId, noBackgroundAndBorder, }: 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,10 +32,6 @@ 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/SegmentedBarChart/SegmentedBarChart.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { SegmentedBarChartProps } from './types';
+import { default as React } from 'react';
 
 declare const SegmentedBarChart: React.FC<SegmentedBarChartProps>;
 export default SegmentedBarChart;

package/dist/Common/Select/Select.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { SelectComposition, SelectProps } from './types';
+import { default as React } from 'react';
 
 declare const Select: React.FC<SelectProps> & SelectComposition;
 export default Select;

package/dist/Common/Types.d.ts

@@ -1,8 +1,8 @@
-import { default as React, ReactNode, CSSProperties } from 'react';
-import { Placement } from 'tippy.js';
-import { ImageComment, ReleaseTag } from './ImageTags.Types';
-import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.';
 import { RegistryType } from '../Shared';
+import { ACTION_STATE, DEPLOYMENT_WINDOW_TYPE, DockerConfigOverrideType, SortingOrder, TaskErrorObj } from '.';
+import { ImageComment, ReleaseTag } from './ImageTags.Types';
+import { Placement } from 'tippy.js';
+import { default as React, ReactNode, CSSProperties } from 'react';
 
 /**
  * Generic response type object with support for overriding the result type

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, BreadcrumbText } from './BreadCrumb/BreadcrumbStore';
+export { default as BreadcrumbStore } from './BreadCrumb/BreadcrumbStore';
 export { default as RadioGroup } from './RadioGroup';
 export { default as RadioGroupItem } from './RadioGroupItem';
 export { default as PopupMenu } from './PopupMenu';

package/dist/Pages/GlobalConfigurations/Authorization/shared/components/UserRoleGroupsTable/UserRoleGroupTableRow.d.ts

@@ -1,5 +1,5 @@
-import { UserRoleGroupsTableProps } from './types';
 import { UserRoleGroup } from '../../../types';
+import { UserRoleGroupsTableProps } from './types';
 
 declare const UserRoleGroupTableRow: ({ id, name, description, status, timeToLive, modifierClassName, disableStatusComponent, handleStatusUpdate, handleDelete, statusComponent: StatusComponent, showStatus, showDelete, }: UserRoleGroup & Pick<UserRoleGroupsTableProps, "disableStatusComponent" | "handleStatusUpdate" | "handleDelete" | "statusComponent" | "showStatus"> & {
     modifierClassName: string;

package/dist/Pages/GlobalConfigurations/Authorization/shared/components/UserRoleGroupsTable/types.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
 import { UserRoleGroup } from '../../../types';
+import { FC } from 'react';
 
 export type UserRoleGroupsTableProps = {
     roleGroups: UserRoleGroup[];

package/dist/Pages/GlobalConfigurations/Authorization/types.d.ts

@@ -1,5 +1,5 @@
-import { SortingParams } from '../../../Common';
 import { UserListSortableKeys, UserStatus } from './constants';
+import { SortingParams } from '../../../Common';
 
 export type BaseFilterQueryParams<T> = {
     /**

package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraConfigForm.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
 import { BuildInfraConfigFormProps } from './types';
+import { FunctionComponent } from 'react';
 
 declare const BuildInfraConfigForm: FunctionComponent<BuildInfraConfigFormProps>;
 export default BuildInfraConfigForm;

package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraDescriptionField.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
 import { BuildInfraInputFieldComponentProps } from './types';
+import { FunctionComponent } from 'react';
 
 declare const BuildInfraProfileDescriptionField: FunctionComponent<BuildInfraInputFieldComponentProps>;
 export default BuildInfraProfileDescriptionField;

package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormAction.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
 import { BuildInfraFormActionProps } from './types';
+import { FunctionComponent } from 'react';
 
 /**
  * In case need arise for variants break this CustomInput and Select as a separate component

package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraFormItem.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
 import { BuildInfraFormItemProps } from './types';
+import { FunctionComponent } from 'react';
 
 declare const BuildInfraFormItem: FunctionComponent<BuildInfraFormItemProps>;
 export default BuildInfraFormItem;

package/dist/Pages/GlobalConfigurations/BuildInfra/BuildInfraProfileNameField.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
 import { BuildInfraInputFieldComponentProps } from './types';
+import { FunctionComponent } from 'react';
 
 declare const BuildInfraProfileNameField: FunctionComponent<BuildInfraInputFieldComponentProps>;
 export default BuildInfraProfileNameField;

package/dist/Pages/GlobalConfigurations/BuildInfra/Footer.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
 import { FooterProps } from './types';
+import { FunctionComponent } from 'react';
 
 declare const Footer: FunctionComponent<FooterProps>;
 export default Footer;

package/dist/Pages/GlobalConfigurations/BuildInfra/constants.d.ts

@@ -1,5 +1,5 @@
-import { UseBreadcrumbProps } from '../../../Common/BreadCrumb/Types';
 import { BuildInfraFormFieldType, BuildInfraMetaConfigTypes, ProfileInputErrorType, BuildInfraProfileBase, HandleProfileInputChangeType } from './types';
+import { UseBreadcrumbProps } from '../../../Common/BreadCrumb/Types';
 
 export declare const BUILD_INFRA_INPUT_CONSTRAINTS: {
     readonly STEP: "any";

package/dist/Pages/GlobalConfigurations/BuildInfra/services.d.ts

@@ -1,5 +1,5 @@
-import { ResponseType } from '../../../Common';
 import { BuildInfraProfileResponseType, BuildInfraProfileTransformerType, CreateBuildInfraProfileType, GetBuildInfraProfileType, UpdateBuildInfraProfileType } from './types';
+import { ResponseType } from '../../../Common';
 
 export declare const getTransformedBuildInfraProfileResponse: ({ configurationUnits, defaultConfigurations, profile, fromCreateView, }: BuildInfraProfileTransformerType) => BuildInfraProfileResponseType;
 export declare const getBuildInfraProfileByName: ({ name, fromCreateView, }: GetBuildInfraProfileType) => Promise<BuildInfraProfileResponseType>;

package/dist/Pages/GlobalConfigurations/BuildInfra/types.d.ts

@@ -1,7 +1,7 @@
-import { FormEvent, FunctionComponent, ReactNode } from 'react';
-import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
-import { ValidationResponseType } from '../../../Shared';
 import { ServerErrors } from '../../../Common';
+import { ValidationResponseType } from '../../../Shared';
+import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
+import { FormEvent, FunctionComponent, ReactNode } from 'react';
 
 /**
  * Unique actions that will be dispatched and,

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ErrorScreenManagerProps, GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
 import { GenericSectionErrorStateProps } from '../GenericSectionErrorState/types';
+import { ErrorScreenManagerProps, GenericEmptyStateType, ProgressingProps, ReloadType, ServerErrors } from '../../../Common';
+import { ReactNode } from 'react';
 
 export interface EmptyPageTextType {
     title?: GenericEmptyStateType['title'];

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

@@ -0,0 +1,4 @@
+import { ArtifactInfoModalProps } from './types';
+
+declare const ArtifactInfoModal: ({ envId, ciArtifactId, handleClose, renderCIListHeader, fetchOnlyArtifactInfo, }: ArtifactInfoModalProps) => JSX.Element;
+export default ArtifactInfoModal;

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

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

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

@@ -0,0 +1,15 @@
+import { ArtifactType } from '../CICDHistory';
+
+export type ArtifactInfoModalProps = Pick<ArtifactType, 'renderCIListHeader'> & {
+    ciArtifactId: number;
+    handleClose: () => void;
+} & ({
+    envId: number | string;
+    fetchOnlyArtifactInfo?: false;
+} | {
+    envId?: never;
+    /**
+     * If true, the env and trigger meta data is not fetched
+     */
+    fetchOnlyArtifactInfo: true;
+});

package/dist/Shared/Components/CICDHistory/DeploymentHistoryDiff/types.d.ts

@@ -1,5 +1,5 @@
-import { OptionType } from '../../../../Common';
 import { DeploymentTemplateList, RunSourceType, RenderRunSourceType } from '../types';
+import { OptionType } from '../../../../Common';
 
 export interface DeploymentHistoryParamsType {
     appId: string;

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { SidebarType } from './types';
+import { default as React } from 'react';
 
 declare const Sidebar: React.MemoExoticComponent<({ type, filterOptions, triggerHistory, hasMore, setPagination, fetchIdData, handleViewAllHistory, children, renderRunSource, resourceId, }: SidebarType) => JSX.Element>;
 export default Sidebar;

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { TriggerDetailsType, TriggerOutputProps } from './types';
+import { default as React } from 'react';
 
 export declare const TriggerDetails: React.MemoExoticComponent<({ status, startedOn, finishedOn, triggeredBy, triggeredByEmail, ciMaterials, gitTriggers, message, podStatus, type, stage, artifact, environmentName, isJobView, workerPodName, triggerMetadata, renderDeploymentHistoryTriggerMetaText, }: TriggerDetailsType) => JSX.Element>;
 declare const TriggerOutput: ({ fullScreenView, triggerHistory, setTriggerHistory, setFullScreenView, setDeploymentHistoryList, deploymentHistoryList, deploymentAppType, isBlobStorageConfigured, appReleaseTags, tagsEditable, hideImageTaggingHardDelete, fetchIdData, setFetchTriggerIdData, selectedEnvironmentName, deploymentHistoryResult, renderRunSource, renderCIListHeader, renderDeploymentApprovalInfo, processVirtualEnvironmentDeploymentData, renderVirtualHistoryArtifacts, renderDeploymentHistoryTriggerMetaText, resourceId, }: TriggerOutputProps) => JSX.Element;

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

@@ -1,5 +1,5 @@
-import { ResponseType } from '../../../Common';
 import { DeploymentConfigurationsRes, DeploymentHistoryDetail, DeploymentHistoryDetailRes, DeploymentHistoryResult, DeploymentHistorySingleValue, DeploymentStatusDetailsResponse, HistoryDiffSelectorRes, ModuleConfigResponse, TriggerDetailsResponseType, TriggerHistoryParamsType } from './types';
+import { ResponseType } from '../../../Common';
 
 export declare function getTriggerDetails({ appId, envId, pipelineId, triggerId, fetchIdData, }: {
     appId: any;

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

@@ -1,7 +1,7 @@
-import { CSSProperties } from 'react';
-import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps } from '../../../Common';
-import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
+import { DeploymentStageType } from '../../constants';
+import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps } from '../../../Common';
+import { CSSProperties } from 'react';
 
 export declare enum HistoryComponentType {
     CI = "CI",

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

@@ -0,0 +1,4 @@
+import { CommitChipCellProps } from './types';
+
+declare const CommitChipCell: ({ handleClick, commits }: CommitChipCellProps) => JSX.Element;
+export default CommitChipCell;

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

@@ -0,0 +1,2 @@
+export { default as CommitChipCell } from './CommitChipCell';
+export type { CommitChipCellProps } from './types';

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

@@ -0,0 +1,6 @@
+import { SyntheticEvent } from 'react';
+
+export interface CommitChipCellProps {
+    handleClick: (e: SyntheticEvent) => void;
+    commits?: string[];
+}

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

@@ -1,6 +1,6 @@
-import { OptionType } from '../../../Common';
-import { GroupedOptionsType } from '../../types';
 import { commonSelectStyles } from '../ReactSelect';
+import { GroupedOptionsType } from '../../types';
+import { OptionType } from '../../../Common';
 
 export type SelectedEnvironmentsMapType<T> = Record<string, T>;
 export type BaseSelectorType = {

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

@@ -1,6 +1,6 @@
-import { OptionType } from '../../../Common';
-import { EnvListMinDTO, GroupedOptionsType } from '../../types';
 import { SelectedEnvironmentsMapType } from './types';
+import { EnvListMinDTO, GroupedOptionsType } from '../../types';
+import { OptionType } from '../../../Common';
 
 export declare const parseEnvironmentClusterListToOptions: (environmentClusterList: EnvListMinDTO[]) => GroupedOptionsType[];
 export declare const getSelectedOptions: <T>(selectedEnvironmentsMap: SelectedEnvironmentsMapType<T>, options: GroupedOptionsType[]) => OptionType[];

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

@@ -1,5 +1,5 @@
-import { ImageType } from '../../../Common';
 import { Breadcrumb } from '../../../Common/BreadCrumb/Types';
+import { ImageType } from '../../../Common';
 
 export interface FeatureDescriptionModalProps {
     title: string;

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

@@ -1,5 +1,5 @@
-import { ResponseType } from '../../../Common';
 import { ServerInfoResponse } from './types';
+import { ResponseType } from '../../../Common';
 
 export declare const updatePostHogEvent: (payload: any) => Promise<ResponseType>;
 export declare const getServerInfo: (withoutStatus: boolean, isFormHeader: boolean) => Promise<ServerInfoResponse>;

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

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
-import { ImageTaggingContainerType } from '../../../Common';
 import { RegistryType } from '../..';
+import { ImageTaggingContainerType } from '../../../Common';
+import { ReactNode } from 'react';
 
 export interface ArtifactInfoProps {
     imagePath: string;

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

@@ -1,6 +1,6 @@
-import { default as React, ReactNode } from 'react';
-import { CDModalTabType, VulnerabilityType } from '../../../Common';
 import { MaterialSecurityInfoType } from '../../types';
+import { CDModalTabType, VulnerabilityType } from '../../../Common';
+import { default as React, ReactNode } from 'react';
 
 export interface ImageCardAccordionProps extends MaterialSecurityInfoType {
     isSecurityModuleInstalled: boolean;

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

@@ -0,0 +1,4 @@
+import { ImageChipCellProps } from './types';
+
+declare const ImageChipCell: ({ handleClick, imagePath, isExpanded, registryType }: ImageChipCellProps) => JSX.Element;
+export default ImageChipCell;

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

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

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

@@ -0,0 +1,9 @@
+import { RegistryType } from '../../types';
+import { SyntheticEvent } from 'react';
+
+export interface ImageChipCellProps {
+    handleClick: (e: SyntheticEvent) => void;
+    imagePath: string;
+    isExpanded: boolean;
+    registryType: RegistryType;
+}

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

@@ -0,0 +1,4 @@
+import { MaterialHistoryProps } from './types';
+
+declare const MaterialHistory: ({ material, pipelineName, ciPipelineId, selectCommit }: MaterialHistoryProps) => JSX.Element;
+export default MaterialHistory;

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

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

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

@@ -0,0 +1,8 @@
+import { CIMaterialType } from '../../Services/app.types';
+
+export interface MaterialHistoryProps {
+    material: CIMaterialType;
+    pipelineName: string;
+    ciPipelineId?: string;
+    selectCommit?: (materialId: string, commit: string, ciPipelineId?: string) => void;
+}

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

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

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { ScannedByToolModalProps } from './types';
+import { default as React } from 'react';
 
 declare const ScannedByToolModal: React.FC<ScannedByToolModalProps>;
 export default ScannedByToolModal;

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

@@ -24,5 +24,8 @@ export * from './FeatureDescription';
 export * from './CICDHistory';
 export * from './GitCommitInfoGeneric';
 export * from './Error';
-export * from './DatePicker';
+export * from './CommitChipCell';
+export * from './ImageChipCell';
+export * from './ArtifactInfoModal';
+export * from './MaterialHistory';
 export * from './IframeContainer';

package/dist/Shared/Helpers.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
-import { MaterialInfo, SortingOrder } from '../Common';
-import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
 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 {
     /**