@devtron-labs/devtron-fe-common-lib 4.0.2-beta-1 → 4.0.3

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

@@ -1,42 +1,105 @@
+export * from './AboutDevtron';
+export * from './ActionMenu';
+export * from './ActivityIndicator';
+export * from './AnimatedDeployButton';
+export * from './AnimatedTimer';
 export * from './APIResponseHandler';
-export * from './ReactSelect';
+export * from './AppStatusModal';
+export * from './ArtifactInfoModal';
+export * from './Backdrop';
+export * from './Badge';
+export * from './BulkOperations';
 export * from './BulkSelection';
-export * from './ImageCard';
-export * from './ImageCardAccordion';
-export * from './ExcludedImageNode';
-export * from './ScannedByToolModal';
-export * from './FilterChips';
-export * from './ActivityIndicator';
-export * from './GenericSectionErrorState';
-export * from './KeyValueList';
-export * from './InfoIconTippy';
-export * from './EditableTextArea';
-export * from './Header';
-export * from './AnnouncementBanner';
+export * from './Button';
 export * from './ButtonWithLoader';
 export * from './ButtonWithSelector';
+export * from './Card';
+export * from './Charts';
+export * from './Chip';
+export * from './CICDHistory';
+export * from './ClusterStatusIcon';
+export * from './CMCS';
+export * from './CodeEditor';
+export * from './Collapse';
+export * from './CollapsibleList';
+export * from './CommitChipCell';
+export * from './ConfirmationModal';
+export * from './ContextSwitcher';
+export * from './CountrySelect';
+export * from './CustomInput';
+export * from './DatePicker';
+export * from './DeploymentConfigDiff';
+export * from './DeploymentStatusBreakdown';
+export * from './DetectBottom';
+export * from './DocLink';
+export * from './DynamicDataTable';
+export * from './EditableTextArea';
+export * from './EditImageFormField';
 export * from './EnvironmentSelector';
-export * from './ModalSidebarPanel';
-export * from './ImageWithFallback';
+export * from './Error';
+export * from './ExcludedImageNode';
+export * from './ExportToCsv';
 export * from './FeatureDescription';
-export * from './CICDHistory';
+export * from './FileUpload';
+export * from './FilterChips';
+export * from './FlagImage';
+export * from './FloatingVariablesSuggestions';
+export * from './FramerComponents';
+export * from './GenericInfoCard';
+export * from './GenericModal';
+export * from './GenericSectionErrorState';
 export * from './GitCommitInfoGeneric';
-export * from './Error';
-export * from './DatePicker';
-export * from './CommitChipCell';
+export * from './GitProviderIcon';
+export * from './GraphVisualizer';
+export * from './Header';
+export * from './Icon';
+export * from './IframeContainer';
+export * from './Illustration';
+export * from './ImageCard';
+export * from './ImageCardAccordion';
 export * from './ImageChipCell';
-export * from './ArtifactInfoModal';
+export * from './ImageWithFallback';
+export * from './InfoBlock';
+export * from './InfoIconTippy';
+export * from './InvalidYAMLTippy';
+export * from './KeyboardShortcut';
+export * from './KeyValueTable';
+export * from './License';
+export { default as LoadingCard } from './LoadingCard';
+export * from './LoginBanner';
 export * from './MaterialHistory';
-export * from './IframeContainer';
+export * from './ModalSidebarPanel';
+export * from './NumbersCount';
+export * from './PhoneInput';
 export * from './Plugin';
-export * from './KeyValueTable';
+export * from './Popover';
+export * from './PortalContainer';
+export * from './ProgressBar';
+export * from './PrometheusConfigurations';
+export { default as QRCode } from './QRCode';
+export * from './ReactSelect';
+export * from './RegistryIcon';
+export * from './ScannedByToolModal';
+export * from './Security';
 export * from './SelectPicker';
 export * from './ShowMoreText';
-export * from './CollapsibleList';
-export * from './DeploymentConfigDiff';
-export * from './DetectBottom';
+export * from './SideNavigation';
+export * from './SSOProviderIcon';
+export * from './StatusComponent';
+export * from './Switch';
+export * from './SwitchThemeDialog';
 export * from './TabGroup';
-export * from './EditImageFormField';
-export * from './Collapse';
-export * from './Security';
-export * from './Button';
+export * from './Table';
+export * from './TagsKeyValueTable';
+export * from './TargetPlatforms';
+export * from './TempAppWindow';
+export * from './Textarea';
+export * from './ThemeSwitcher';
+export * from './ToggleResolveScopedVariables';
+export * from './TreeView';
+export * from './Typewriter';
+export * from './UnsavedChanges';
+export * from './UnsavedChangesDialog';
+export * from './UserIdentifier';
+export * from './VirtualizedList';
+export * from './WorkflowOptionsModal';

package/dist/Shared/Helpers.d.ts

@@ -1,8 +1,11 @@
 import { ReactElement } from 'react';
+import { StrictRJSFSchema } from '@rjsf/utils';
 import { Pair } from 'yaml';
-import { MaterialInfo, SortingOrder, UserApprovalConfigType } from '../Common';
-import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
-import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
+import { MaterialHistoryType } from './Services/app.types';
+import { ApprovalConfigDataType, MaterialInfo, SortingOrder, UserApprovalConfigType, UserApprovalInfo } from '../Common';
+import { GVKType } from '../Pages';
+import { AggregatedNodes } from './Components';
+import { BorderConfigType, GetTimeDifferenceParamsType, GitTriggers, IntersectionChangeHandler, IntersectionOptions, Node, PodMetaData, TargetPlatformItemDTO, TargetPlatformsDTO, WebhookEventNameType } from './types';
 interface HighlightSearchTextProps {
     /**
      * The text to be highlighted
@@ -25,29 +28,82 @@ export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTrigge
 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 function versionComparatorBySortOrder(a: string, b: string, orderBy?: SortingOrder): number;
-export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => JSX.Element;
+export declare const dateComparatorBySortOrder: (a: string | number | Date, b: string | number | Date, sortOrder?: SortingOrder) => number;
+export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => import("react/jsx-runtime").JSX.Element;
 export declare const yamlComparatorBySortOrder: (a: Pair, b: Pair, sortOrder?: SortingOrder) => number;
 export declare const useIntersection: (target: React.RefObject<Element> | Element | null, options?: IntersectionOptions, callback?: IntersectionChangeHandler) => boolean;
 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 declare const renderValidInputButtonTippy: (children: ReactElement) => JSX.Element;
-export declare const processDeploymentStatusDetailsData: (data?: DeploymentStatusDetailsType) => DeploymentStatusDetailsBreakdownDataType;
-export declare function aggregateNodes(nodes: any[], podMetadata: PodMetadatum[]): AggregatedNodes;
+export declare const renderValidInputButtonTippy: (children: ReactElement) => import("react/jsx-runtime").JSX.Element;
+export declare function aggregateNodes(nodes: any[], podMetadata: PodMetaData[]): AggregatedNodes;
 export declare const decode: (data: any, isEncoded?: boolean) => {};
 export declare const isTimeStringAvailable: (time: string) => boolean;
-export declare const getTimeDifference: (startTime: string, endTime: string) => string;
+export declare const getTimeDifference: ({ startTime, endTime, fallbackString, }: GetTimeDifferenceParamsType) => string;
 export declare const getFileNameFromHeaders: (headers: Headers) => string;
-export declare const sanitizeUserApprovalConfig: (userApprovalConfig: UserApprovalConfigType) => UserApprovalConfigType;
+export declare const sanitizeUserApprovalList: (approverList: UserApprovalInfo["approverList"]) => UserApprovalInfo["approverList"];
+export declare const sanitizeApprovalConfigData: (approvalConfigData: ApprovalConfigDataType | null) => ApprovalConfigDataType;
 /**
  * Manual approval is considered configured only if the type is not notConfigured
  */
 export declare const getIsManualApprovalConfigured: (userApprovalConfig?: Pick<UserApprovalConfigType, "type">) => boolean;
-export declare const getIsManualApprovalSpecific: (userApprovalConfig?: Pick<UserApprovalConfigType, "type">) => boolean;
+export declare const getIsApprovalPolicyConfigured: (approvalConfigData: ApprovalConfigDataType) => boolean;
 /**
  * @description - Function to open a new tab with the given url
  * @param url - url to be opened in new tab
  */
 export declare const getHandleOpenURL: (url: string) => () => void;
 export declare const getDefaultValueFromType: (value: unknown) => {};
+/**
+ * Groups an array of objects by a specified key.
+ *
+ * This function takes an array of objects and a key, and groups the objects in the array
+ * based on the value of the specified key. If an object does not have the specified key,
+ * it will be grouped under the `'UNGROUPED'` key.
+ *
+ * @param array - The array of objects to be grouped.
+ * @param key - The key of the object used to group the array.
+ * @returns An object where the keys are the unique values of the specified key in the array,
+ * and the values are arrays of objects that share the same key value.
+ */
+export declare const groupArrayByObjectKey: <T extends Record<string, any>, K extends keyof T>(array: T[], key: K) => Record<string, T[]>;
+/**
+ * This function returns a null/zero value corresponding to @type
+ *
+ * @param type - a RJSF supported type
+ */
+export declare const getNullValueFromType: (type: StrictRJSFSchema["type"]) => any;
+export declare const getLowerCaseObject: (input: any) => Record<string, any>;
+/**
+ * @description - Function to get the webhook date
+ * @param materialSourceType - The type of material source (e.g., WEBHOOK)
+ * @param history - The history object containing commit information
+ * @returns - Formatted webhook date if available, otherwise an empty string
+ */
+export declare const getWebhookDate: (materialSourceType: string, history: MaterialHistoryType) => string;
+export declare const getUniqueId: (size?: number) => string;
+export declare const sanitizeTargetPlatforms: (targetPlatforms: TargetPlatformsDTO["targetPlatforms"]) => TargetPlatformItemDTO[];
+export declare const isAWSCodeCommitURL: (url?: string) => boolean;
+export declare const renderMaterialIcon: (url?: string) => import("react/jsx-runtime").JSX.Element;
+export declare const deriveBorderRadiusAndBorderClassFromConfig: ({ borderConfig, borderRadiusConfig, }: {
+    borderConfig: BorderConfigType | undefined;
+    borderRadiusConfig: BorderConfigType | undefined;
+}) => string;
+export declare const getClassNameForStickyHeaderWithShadow: (isStuck: boolean, topClassName?: string) => string;
+export declare const clearCookieOnLogout: () => void;
+export declare const getAppDetailsURL: (appId: number | string, envId?: number | string) => string;
+export declare const smoothScrollToTop: (scrollContainer: HTMLElement, targetPosition: number) => import('motion-dom').AnimationPlaybackControls;
+export declare const getGroupVersionFromApiVersion: (apiVersion: string) => Pick<Node, "group" | "version">;
+export declare const YAMLtoJSON: (yamlString: string) => string;
+export declare const formatNumberToCurrency: (value: number, currency: string, minimumFractionDigits?: number) => string;
+/**
+ * Returns the human readable explanation of the expression
+ * NOTE: expectation is that the expression is valid
+ *
+ * @throws Error - if given expression is incorrect
+ * @param expression
+ * @returns string - helper text explaining the expression in a human readable format
+ */
+export declare const explainCronExpression: (expression: string) => string;
+export declare const getGVKTitle: (gvk: GVKType) => string;
 export {};

package/dist/Shared/Hooks/UseDownload/UseDownload.d.ts

@@ -1,7 +1,3 @@
-import { ServerErrors } from '../../../Common/ServerError';
-import { HandleDownloadProps } from './types';
-declare const useDownload: () => {
-    handleDownload: ({ downloadUrl, showFilePreparingToast, fileName, showSuccessfulToast, downloadSuccessToastContent, }: HandleDownloadProps) => Promise<Error | ServerErrors>;
-    isDownloading: boolean;
-};
+import { UseDownloadProps, UseDownloadReturnType } from './types';
+declare const useDownload: ({ shouldOpenInNewTab }?: UseDownloadProps) => UseDownloadReturnType;
 export default useDownload;

package/dist/Shared/Hooks/UseDownload/index.d.ts

@@ -1,2 +1,2 @@
-export { default as useDownload } from './UseDownload';
 export * from './types';
+export { default as useDownload } from './UseDownload';

package/dist/Shared/Hooks/UseDownload/types.d.ts

@@ -1,3 +1,4 @@
+import { ServerErrors } from '../../../Common/ServerError';
 export interface HandleDownloadProps {
     downloadUrl: string;
     showFilePreparingToast?: boolean;
@@ -5,3 +6,15 @@ export interface HandleDownloadProps {
     showSuccessfulToast?: boolean;
     downloadSuccessToastContent?: string;
 }
+export interface UseDownloadProps {
+    /**
+     * If true, the download will open in a new tab
+     *
+     * @default false
+     */
+    shouldOpenInNewTab?: boolean;
+}
+export interface UseDownloadReturnType {
+    handleDownload: (props: HandleDownloadProps) => Promise<Error | ServerErrors>;
+    isDownloading: boolean;
+}

package/dist/Shared/Hooks/UsePrompt/UsePrompt.d.ts

@@ -1,7 +1,6 @@
 import { UsePromptProps } from './types';
 /**
  * Hook that shows a prompt when shouldPrompt is true and the user tries to leave the page through refresh
- * Meant to be used alongside the Prompt component from react-router-dom
  */
-declare const usePrompt: ({ shouldPrompt }: UsePromptProps) => void;
+declare const usePrompt: ({ shouldPrompt, message }: UsePromptProps) => void;
 export default usePrompt;

package/dist/Shared/Hooks/UsePrompt/types.d.ts

@@ -3,4 +3,5 @@ export interface UsePromptProps {
      * If true the prompt will be shown
      */
     shouldPrompt: boolean;
+    message?: string;
 }

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

@@ -1,4 +1,8 @@
-export * from './UsePrompt';
-export * from './useGetResourceKindsOptions';
 export * from './UseDownload';
 export * from './useForm';
+export * from './useGetResourceKindsOptions';
+export * from './useIsSecureConnection';
+export * from './useOneTimePrompt';
+export * from './UsePrompt';
+export * from './useStickyEvent';
+export * from './useUserPreferences';

package/dist/Shared/Hooks/useForm/useForm.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEvent, FormEvent } from 'react';
-import { UseFormSubmitHandler, UseFormValidations } from './useForm.types';
+import { BaseSyntheticEvent, ChangeEvent } from 'react';
+import { UseFormErrorHandler, UseFormSubmitHandler, UseFormValidations } from './useForm.types';
 /**
  * A custom hook to manage form state, validation, and submission handling.
  *
@@ -14,22 +14,25 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
     /** Defines when validation should occur:
      * - 'onChange': Validation occurs when the user modifies the input
      * - 'onBlur': Validation occurs when the input loses focus.
-     *  @default 'onChange'
+     *  @default ['onChange']
      */
-    validationMode?: "onChange" | "onBlur";
+    validationMode?: "onChange" | "onBlur" | "onSubmit" | "all";
+    /**
+     * @default false - A boolean indicating whether to trigger validation on mount.
+     */
+    shouldValidateOnMount?: boolean;
 }) => {
     /** The current form data. */
     data: T;
     /** An object containing validation errors for each form field. */
-    errors: Partial<Record<keyof T, string | string[]>>;
-    /**
-     * Registers form input fields with onChange, onBlur and onFocus handlers.
-     *
-     * @param name - The key of the form field to register.
-     * @param sanitizeFn - An optional function to sanitize the input value.
-     * @returns An object containing form field `name`, `onChange`, `onBlur` and `onFocus` event handlers.
-     */
-    register: <V extends unknown = string, S extends unknown = unknown>(name: keyof T, sanitizeFn?: (value: V) => S, registerOptions?: {
+    errors: Partial<Record<keyof T, string[]>>;
+    register: <Value extends unknown, SFnReturnType extends unknown, CustomComponent extends boolean>(name: keyof T, registerOptions?: {
+        /**
+         * A function to sanitize the input value.
+         * @param value The input value.
+         * @returns The sanitized value.
+         */
+        sanitizeFn?: (value: CustomComponent extends true ? Value : string) => SFnReturnType;
         /**
          * Prevents the input value from being trimmed.
          *
@@ -39,26 +42,42 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
          * @default false - By default, the input will be trimmed.
          */
         noTrim?: boolean;
+        /** A boolean flag indicating if the input is a custom component. */
+        isCustomComponent?: CustomComponent;
     }) => {
-        onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+        onChange: (e: CustomComponent extends true ? Value : ChangeEvent<HTMLInputElement, Element>) => void;
         onBlur: () => void;
         onFocus: () => void;
         name: keyof T;
     };
-    /**
-     * Handles form submission, validates all form fields, and calls the provided `onValid` function if valid.
-     *
-     * @param onValid - A function to handle valid form data on submission.
-     * @returns The event handler for form submission.
-     */
-    handleSubmit: (onValid: UseFormSubmitHandler<T>) => (e: FormEvent<HTMLFormElement>) => void;
-    /**
-     * Manually triggers validation for specific form fields.
-     *
-     * @param name - The key(s) of the form field(s) to validate.
-     * @returns The validation error(s), if any.
-     */
+    handleSubmit: (onValid: UseFormSubmitHandler<T>, onError?: UseFormErrorHandler<T>) => (e?: BaseSyntheticEvent) => Promise<void>;
     trigger: (name: keyof T | (keyof T)[]) => (string | string[]) | (string | string[])[];
+    setValue: (name: keyof T, value: T[keyof T], valueOptions?: {
+        /** A boolean indicating whether to mark the field as dirty after setting the value. */
+        shouldDirty?: boolean;
+        /** A boolean indicating whether to mark the field as touched after setting the value. */
+        shouldTouch?: boolean;
+        /** A boolean indicating whether to trigger validation after setting the value. */
+        triggerError?: boolean;
+    }) => void;
+    reset: (formData: T, resetOptions?: {
+        /** A boolean indicating whether to retain the current dirty state of the form fields. */
+        keepDirty?: boolean;
+        /** A boolean indicating whether to retain the current touched state of the form fields. */
+        keepTouched?: boolean;
+        /** A boolean indicating whether to retain the current error state of the form fields. */
+        keepErrors?: boolean;
+        /** A boolean indicating whether the form should check for dirty state upon reset. */
+        triggerDirty?: boolean;
+        /** A boolean indicating whether the form should check for errors upon reset. */
+        triggerError?: boolean;
+        /** A boolean indicating whether the initial values of the form should be retained after reset. If false, provided formData will become initial data. */
+        keepInitialValues?: boolean;
+        /** Partial initial values to override the current initial values upon reset.
+         * @note `keepInitialValues` will have no effect when this is provided.
+         */
+        formInitialValues?: Partial<T>;
+    }) => void;
     /** An object representing additional form state. */
     formState: {
         /** An object indicating which fields have been touched (interacted with). */
@@ -68,4 +87,5 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
         /** A boolean indicating if any field has been modified. */
         isDirty: boolean;
     };
+    getErrorsFromFormData: (formData: T) => Partial<Record<keyof T, string[]>>;
 };

package/dist/Shared/Hooks/useForm/useForm.types.d.ts

@@ -1,4 +1,4 @@
-import { FormEvent } from 'react';
+import { BaseSyntheticEvent } from 'react';
 /**
  * Describes the "required" validation rule.
  * It can be a simple boolean or an object containing a boolean value and an error message.
@@ -24,10 +24,10 @@ type ValidationPattern = {
  * If validation fails, an error message is provided.
  */
 type ValidationCustom = {
-    isValid: (value: string) => boolean;
+    isValid: (value: any) => boolean;
     message: string;
 } | {
-    isValid: (value: string) => boolean;
+    isValid: (value: any) => boolean;
     message: string;
 }[];
 /**
@@ -41,9 +41,9 @@ export interface UseFormValidation {
 }
 /**
  * Represents the structure for form validation errors.
- * Maps each field to an error message or an array of error messages.
+ * Maps each field to an array of error messages.
  */
-export type UseFormErrors<T> = Partial<Record<keyof T, string | string[]>>;
+export type UseFormErrors<T> = Partial<Record<keyof T, string[]>>;
 /**
  * Represents the fields that have been modified ("dirty") in the form.
  * Maps each field to a boolean value indicating whether it has been changed.
@@ -58,12 +58,19 @@ export type TouchedFields<T> = Partial<Record<keyof T, boolean>>;
  * Defines the structure for form validations.
  * Maps each form field to its corresponding validation rules.
  */
-export type UseFormValidations<T extends {}> = Partial<Record<keyof T, UseFormValidation>>;
+export type UseFormValidations<T extends {}> = ((formData: T) => Partial<Record<keyof T, UseFormValidation>>) | Partial<Record<keyof T, UseFormValidation>>;
 /**
  * Describes the function signature for handling form submission.
  *
  * @param data - The form data collected during submission.
- * @param e - The form event, optionally passed when the form is submitted.
+ * @param e - The event, optionally passed when `handleSubmit` is called.
  */
-export type UseFormSubmitHandler<T extends {}> = (data: T, e?: FormEvent<HTMLFormElement>) => void;
+export type UseFormSubmitHandler<T extends {}> = (data: T, e?: BaseSyntheticEvent) => void;
+/**
+ * A type defining the function signature for handling form validation errors.
+ *
+ * @param errors - An object containing the validation errors for form fields.
+ * @param e - The event, optionally passed when `handleSubmit` is called.
+ */
+export type UseFormErrorHandler<T extends {}> = (errors: UseFormErrors<T>, e?: BaseSyntheticEvent) => void;
 export {};

package/dist/Shared/Hooks/useForm/useForm.utils.d.ts

@@ -7,4 +7,4 @@ import { UseFormValidation } from './useForm.types';
  * @param validation - The validation rules for the form field.
  * @returns Returns error message(s) or null if valid.
  */
-export declare const checkValidation: <T extends Record<keyof T, any> = {}>(value: T[keyof T], validation: UseFormValidation) => string | string[] | null;
+export declare const checkValidation: <T extends Record<keyof T, any> = {}>(value: T[keyof T], validation: UseFormValidation) => string[] | null;

package/dist/Shared/Hooks/useGetResourceKindsOptions/index.d.ts

@@ -1,2 +1,3 @@
+export { getProjectOptions } from './service';
+export type { UseGetResourceKindOptionsReturnType, UseGetResourceKindsOptionsProps } from './types';
 export { default as useGetResourceKindsOptions } from './useGetResourceKindsOptions';
-export type { UseGetResourceKindsOptionsProps, UseGetResourceKindOptionsReturnType } from './types';

package/dist/Shared/Hooks/useGetResourceKindsOptions/service.d.ts

@@ -1,8 +1,2 @@
 import { Teams } from '../../../Common/Types';
-import { ClusterType } from '../../Services';
-import { EnvironmentType } from '../../types';
-import { AppsGroupedByProjectsType } from './types';
-export declare const getAppOptionsGroupedByProjects: () => Promise<AppsGroupedByProjectsType>;
 export declare const getProjectOptions: () => Promise<Pick<Teams, "id" | "name">[]>;
-export declare const getClusterOptions: () => Promise<ClusterType[]>;
-export declare const getEnvironmentOptions: () => Promise<EnvironmentType[]>;

package/dist/Shared/Hooks/useGetResourceKindsOptions/types.d.ts

@@ -1,19 +1,9 @@
-import { ResourceKindType } from '../../types';
+import { getAppOptionsGroupedByProjects } from '../../../Common/Common.service';
 import { ServerErrors } from '../../../Common/ServerError';
-import { getAppOptionsGroupedByProjects, getClusterOptions, getEnvironmentOptions, getProjectOptions } from './service';
-export interface AppType {
-    name: string;
-}
-export type AppsGroupedByProjectsType = {
-    projectId: number;
-    projectName: string;
-    appList: AppType[];
-}[];
-export interface ClusterDTO {
-    id: number;
-    cluster_name: string;
-    isVirtualCluster: boolean;
-}
+import { EnvironmentsGroupedByClustersType } from '../../../Common/Types';
+import { getClusterOptions } from '../../index';
+import { ResourceKindType } from '../../types';
+import { getProjectOptions } from './service';
 export interface UseGetResourceKindsOptionsProps {
     resourcesToFetch: Extract<ResourceKindType, ResourceKindType.devtronApplication | ResourceKindType.project | ResourceKindType.cluster | ResourceKindType.environment>[];
 }
@@ -23,7 +13,7 @@ export interface UseGetResourceKindOptionsReturnType {
         [ResourceKindType.devtronApplication]: Awaited<ReturnType<typeof getAppOptionsGroupedByProjects>>;
         [ResourceKindType.project]: Awaited<ReturnType<typeof getProjectOptions>>;
         [ResourceKindType.cluster]: Awaited<ReturnType<typeof getClusterOptions>>;
-        [ResourceKindType.environment]: Awaited<ReturnType<typeof getEnvironmentOptions>>;
+        [ResourceKindType.environment]: EnvironmentsGroupedByClustersType;
     };
     resourcesOptionsError: ServerErrors;
     refetchResourcesOptions: () => void;

package/dist/Shared/Hooks/useIsSecureConnection/index.d.ts

@@ -0,0 +1 @@
+export * from './useIsSecureConnection';

package/dist/Shared/Hooks/useIsSecureConnection/useIsSecureConnection.d.ts

@@ -0,0 +1 @@
+export declare const useIsSecureConnection: () => boolean;

package/dist/Shared/Hooks/useOneTimePrompt/constants.d.ts

@@ -0,0 +1 @@
+export declare const ONE_TIME_PROMPT_LOCAL_STORAGE_KEY = "one-time-prompt-do-not-show-again";

package/dist/Shared/Hooks/useOneTimePrompt/index.d.ts

@@ -0,0 +1 @@
+export * from './useOneTimePrompt';

package/dist/Shared/Hooks/useOneTimePrompt/types.d.ts

@@ -0,0 +1,3 @@
+export interface UseOneTimePromptProps {
+    localStorageKey: string;
+}

package/dist/Shared/Hooks/useOneTimePrompt/useOneTimePrompt.d.ts

@@ -0,0 +1,6 @@
+import { UseOneTimePromptProps } from './types';
+export declare const useOneTimePrompt: ({ localStorageKey }: UseOneTimePromptProps) => {
+    showPrompt: boolean;
+    handleClose: () => void;
+    handleDoNotShowAgainClose: () => void;
+};

package/dist/Shared/Hooks/useStickyEvent/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SENTINEL_HEIGHT_BUFFER = 2;
+export declare const FALLBACK_SENTINEL_HEIGHT = "2px";
+export declare const OBSERVER_THRESHOLD = 1;
+export declare const OBSERVER_ROOT_MARGIN = "1px";

package/dist/Shared/Hooks/useStickyEvent/index.d.ts

@@ -0,0 +1 @@
+export { default as useStickyEvent } from './useStickyEvent';

package/dist/Shared/Hooks/useStickyEvent/types.d.ts

@@ -0,0 +1,32 @@
+import { MutableRefObject } from 'react';
+export type UseStickyEventProps<T extends HTMLElement = HTMLDivElement> = {
+    /**
+     * Unique identifier used to create the id of the sentinel element
+     *
+     * A sentinel element is used to determine when the sticky element is 'stuck'
+     * It is dynamically created and appended to the DOM
+     */
+    identifier: string;
+    /**
+     * Indicates whether the sticky element is conditionally rendered.
+     * - Set to true if the sticky element is mounted.
+     * - Set to false if the sticky element is not mounted.
+     * - If the sticky element is always rendered, this flag can be ignored.
+     */
+    isStickyElementMounted?: boolean;
+} & ({
+    /**
+     * Reference to the scroll container element that contains the sticky element
+     *
+     * Either the reference can be passed or its querySelector
+     */
+    containerRef: MutableRefObject<T>;
+    containerSelector?: never;
+} | {
+    containerSelector: string;
+    containerRef?: never;
+});
+export interface UseStickyEventReturnType<T extends HTMLElement = HTMLDivElement> {
+    isStuck: boolean;
+    stickyElementRef: MutableRefObject<T>;
+}

package/dist/Shared/Hooks/useStickyEvent/useStickyEvent.d.ts

@@ -0,0 +1,8 @@
+import { UseStickyEventProps, UseStickyEventReturnType } from './types';
+/**
+ * Please read
+ *   https://developer.chrome.com/docs/css-ui/sticky-headers
+ * as a reference for the implementation
+ */
+declare const useStickyEvent: <T extends HTMLElement = HTMLDivElement>({ containerSelector, containerRef, identifier, isStickyElementMounted, }: UseStickyEventProps<T>) => UseStickyEventReturnType<T>;
+export default useStickyEvent;

package/dist/Shared/Hooks/useStickyEvent/utils.d.ts

@@ -0,0 +1,2 @@
+import { UseStickyEventReturnType } from './types';
+export declare const getHeightForStickyElementTopOffset: <T extends HTMLElement>({ stickyElementRef, }: Pick<UseStickyEventReturnType<T>, "stickyElementRef">) => string;

package/dist/Shared/Hooks/useUserPreferences/constants.d.ts

@@ -0,0 +1,3 @@
+import { PreferredResourceKindType } from './types';
+export declare const USER_PREFERENCES_ATTRIBUTE_KEY = "userPreferences";
+export declare const DEFAULT_RESOURCES_MAP: Record<PreferredResourceKindType, null>;

package/dist/Shared/Hooks/useUserPreferences/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants';
+export { getUserPreferences, updateUserPreferences } from './service';
+export * from './types';
+export { useUserPreferences } from './useUserPrefrences';