@devtron-labs/devtron-fe-common-lib 0.1.16-beta-3 → 0.1.16-beta-5

package/dist/Common/Api.d.ts

@@ -4,7 +4,7 @@ import { ResponseType, APIOptions } from './Types';
 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>;
 export declare const patch: (url: string, data: object, options?: APIOptions) => Promise<ResponseType>;
-export declare const get: <T = any>(url: string, options?: APIOptions) => Promise<ResponseType<T>>;
+export declare const get: (url: string, options?: APIOptions) => Promise<ResponseType>;
 export declare const trash: (url: string, data?: object, options?: APIOptions) => Promise<ResponseType>;
 /**
  * Aborts the previous request before triggering next request

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

@@ -77,7 +77,6 @@ export interface VariableType {
     format: string;
     description: string;
     defaultValue: string;
-    allowEmptyValue: boolean;
     variableType: RefVariableType;
     refVariableStepIndex: number;
     refVariableName: string;

package/dist/Common/Constants.d.ts

@@ -75,10 +75,11 @@ export declare const ROUTES: {
     CONFIG_CD_PIPELINE: string;
     MODULE_CONFIGURED: string;
     RESOURCE_HISTORY_DEPLOYMENT: string;
+    APP_LIST_MIN: string;
+    CLUSTER_LIST_MIN: string;
     PLUGIN_GLOBAL_LIST_DETAIL_V2: string;
     PLUGIN_GLOBAL_LIST_V2: string;
     PLUGIN_GLOBAL_LIST_TAGS: string;
-    PLUGIN_LIST_MIN: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",
@@ -268,4 +269,3 @@ export declare const DATE_TIME_FORMATS: {
     DD_MMM_YYYY_HH_MM: string;
     DD_MMM_YYYY: string;
 };
-export declare const SEMANTIC_VERSION_DOCUMENTATION_LINK = "https://semver.org/";

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

@@ -1,4 +1,4 @@
-import { default as React, HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
+import { default as React, HTMLInputTypeAttribute, InputHTMLAttributes } from 'react';
 
 export interface CustomInputProps {
     name: string;
@@ -17,7 +17,7 @@ export interface CustomInputProps {
     autoFocus?: boolean;
     rootClassName?: string;
     error?: string[] | string;
-    helperText?: ReactNode;
+    helperText?: string;
     handleOnBlur?: (e: any) => void;
     readOnly?: boolean;
     noTrim?: boolean;

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

@@ -1,7 +1,7 @@
 import { default as React, SyntheticEvent } from 'react';
 
 export declare class VisibleModal extends React.Component<{
-    className?: string;
+    className: string;
     parentClassName?: string;
     noBackground?: boolean;
     close?: (e: any) => void;

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

@@ -1,7 +1,7 @@
 import { default as React, SyntheticEvent } from 'react';
 
 export declare class VisibleModal2 extends React.Component<{
-    className?: string;
+    className: string;
     close?: (e: any) => void;
 }> {
     modalRef: HTMLElement;

package/dist/Common/MultiSelectCustomization.d.ts

@@ -4,7 +4,7 @@ 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;
 /**
  *

package/dist/Common/Types.d.ts

@@ -177,10 +177,10 @@ export interface RadioGroupItemProps {
 export interface RadioGroupInterface {
     name: string;
     onChange: any;
+    className?: string;
     initialTab: string;
+    disabled: boolean;
     children: ReactNode;
-    disabled?: boolean;
-    className?: string;
 }
 export interface RadioInterface {
     children: ReactNode;

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

@@ -1,6 +1,5 @@
 interface DetectBottomProps {
     callback: () => void;
-    hasError?: boolean;
 }
-declare const DetectBottom: ({ callback, hasError }: DetectBottomProps) => JSX.Element;
+declare const DetectBottom: ({ callback }: DetectBottomProps) => JSX.Element;
 export default DetectBottom;

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, shouldHideLabel, }: FilterChipsProps<T>) => JSX.Element;
+declare const FilterChips: <T = Record<string, unknown>>({ filterConfig, clearFilters, onRemoveFilter, getFormattedLabel, getFormattedValue, className, clearButtonClassName, showClearAndRemove, shouldHideLabel, }: FilterChipsProps<T>) => JSX.Element;
 export default FilterChips;

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

@@ -21,17 +21,33 @@ export interface FilterChipProps {
      * If passed, the label will be formatted accordingly
      */
     getFormattedValue?: (filterKey: string, filterValue: unknown) => ReactNode;
+    showRemoveIcon: boolean;
     /**
      * If true, would hide the label
      * @default false
      */
     shouldHideLabel?: boolean;
 }
-export interface FilterChipsProps<T = Record<string, unknown>> extends Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue' | 'shouldHideLabel'> {
+export type FilterChipsProps<T = Record<string, unknown>> = Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue' | 'shouldHideLabel'> & {
     /**
      * Current filter configuration
      */
     filterConfig: T;
+    /**
+     * Class name for the container
+     */
+    className?: string;
+} & ({
+    /**
+     * If false, anything related to removing filters is not shown
+     * @default 'true'
+     */
+    showClearAndRemove: false;
+    clearFilters?: never;
+    onRemoveFilter?: never;
+    clearButtonClassName?: never;
+} | {
+    showClearAndRemove?: true;
     /**
      * Callback handler for removing the filters
      */
@@ -40,12 +56,8 @@ 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;
-}
+});

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

@@ -1,7 +1,5 @@
-import { ResponseType } from '../../../Common';
-import { GetPluginStoreDataReturnType, GetPluginStoreDataServiceParamsType, MinParentPluginDTO, PluginDetailServiceParamsType } from './types';
+import { GetPluginStoreDataReturnType, GetPluginStoreDataServiceParamsType, PluginDetailServiceParamsType } from './types';
 
 export declare const getPluginsDetail: ({ appId, parentPluginIds, pluginIds, shouldShowError, }: PluginDetailServiceParamsType) => Promise<Pick<GetPluginStoreDataReturnType, 'pluginStore'>>;
 export declare const getPluginStoreData: ({ searchKey, selectedTags, appId, offset, signal, }: GetPluginStoreDataServiceParamsType) => Promise<GetPluginStoreDataReturnType>;
 export declare const getAvailablePluginTags: (appId: number) => Promise<string[]>;
-export declare const getParentPluginList: (appId?: number) => Promise<ResponseType<MinParentPluginDTO[]>>;

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

@@ -14,11 +14,6 @@ export interface GetPluginTagsPayloadType {
 export interface PluginTagNamesDTO {
     tagNames: string[];
 }
-export interface MinParentPluginDTO {
-    id: number;
-    pluginName: string;
-    icon: string;
-}
 /**
  * Minimal data of child plugins
  */
@@ -50,7 +45,6 @@ export interface ParentPluginDTO {
     type: PluginCreationType;
     icon: string;
     pluginVersions: PluginVersionsDTO;
-    pluginIdentifier: string;
 }
 export interface PluginDetailDTO {
     parentPlugins: ParentPluginDTO[];
@@ -72,11 +66,11 @@ export interface PluginDetailPayloadType extends Pick<PluginDetailServiceParamsT
 export interface PluginListFiltersType extends Pick<BaseFilterQueryParams<unknown>, 'searchKey'> {
     selectedTags: string[];
 }
-interface ParentPluginType extends Pick<ParentPluginDTO, 'id' | 'name' | 'description' | 'type' | 'icon' | 'pluginIdentifier'> {
+interface ParentPluginType extends Pick<ParentPluginDTO, 'id' | 'name' | 'description' | 'type' | 'icon'> {
     latestVersionId: MinimalPluginVersionDataDTO['id'];
     pluginVersions: MinimalPluginVersionDataDTO[];
 }
-interface DetailedPluginVersionType extends Pick<MinimalPluginVersionDataDTO, 'id' | 'description' | 'name' | 'pluginVersion'>, Pick<DetailedPluginVersionDTO, 'tags' | 'isLatest' | 'inputVariables' | 'outputVariables' | 'updatedBy' | 'docLink'>, Pick<ParentPluginType, 'icon' | 'type' | 'pluginIdentifier'> {
+interface DetailedPluginVersionType extends Pick<MinimalPluginVersionDataDTO, 'id' | 'description' | 'name' | 'pluginVersion'>, Pick<DetailedPluginVersionDTO, 'tags' | 'isLatest' | 'inputVariables' | 'outputVariables' | 'updatedBy' | 'docLink'>, Pick<ParentPluginType, 'icon' | 'type'> {
     parentPluginId: ParentPluginType['id'];
 }
 export interface PluginDataStoreType {

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

@@ -1,5 +1,3 @@
-import { OptionProps } from 'react-select';
-import { OptionType } from '../../../Common/Types';
 import { ParentPluginDTO, PluginDataStoreType } from './types';
 
 export declare const parsePluginDetailsDTOIntoPluginStore: (pluginData: ParentPluginDTO[]) => PluginDataStoreType;
@@ -16,7 +14,6 @@ export declare const pluginTagSelectStyles: {
     group: (base: any) => any;
     groupHeading: (base: any) => any;
 };
-export declare const PluginTagOption: (props: OptionProps<OptionType, true>) => JSX.Element;
 /**
  * @description This method takes the initial plugin data store and updates the keys with the target parent plugin store and plugin version store
  */

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

@@ -81,5 +81,5 @@ import { SelectPickerProps } from './type';
  * <SelectPicker ... showSelectedOptionsCount />
  * ```
  */
-declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, ...props }: SelectPickerProps) => JSX.Element;
+declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, ...props }: SelectPickerProps) => JSX.Element;
 export default SelectPicker;

package/dist/Shared/Components/SelectPicker/type.d.ts

@@ -1,4 +1,3 @@
-import { ServerErrors } from '../../../Common/ServerError';
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
 import { ReactElement, ReactNode } from 'react';
@@ -19,7 +18,7 @@ export interface SelectPickerOptionType extends OptionType<number | string, Reac
     endIcon?: ReactElement;
 }
 type SelectProps = ReactSelectProps<SelectPickerOptionType>;
-export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'isLoading' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'autoFocus' | 'onKeyDown'>, Required<Pick<SelectProps, 'classNamePrefix' | 'inputId' | 'name'>> {
+export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'isLoading' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder'>, Required<Pick<SelectProps, 'classNamePrefix' | 'inputId' | 'name'>> {
     /**
      * Icon to be rendered in the control
      */
@@ -71,13 +70,5 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      * @default 'ComponentSizeType.small'
      */
     menuSize?: ComponentSizeType;
-    /**
-     * If true, would show generic section error state as no options message
-     */
-    optionListError?: ServerErrors;
-    /**
-     * Would reload the option list when called in case optionListError is present
-     */
-    reloadOptionList?: () => void;
 }
 export {};

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

@@ -34,4 +34,3 @@ export * from './Plugin';
 export * from './KeyValueTable';
 export * from './SelectPicker';
 export * from './DetectBottom';
-export * from './EditImageFormField';

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

@@ -1,2 +1,3 @@
 export * from './UsePrompt';
+export * from './useGetResourceKindsOptions';
 export * from './UseDownload';

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

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

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,31 @@
+import { ResourceKindType } from '../../types';
+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;
+}
+export interface UseGetResourceKindsOptionsProps {
+    resourcesToFetch: Extract<ResourceKindType, ResourceKindType.devtronApplication | ResourceKindType.project | ResourceKindType.cluster | ResourceKindType.environment>[];
+}
+export interface UseGetResourceKindOptionsReturnType {
+    isResourcesOptionsLoading: boolean;
+    resourcesOptionsMap: {
+        [ResourceKindType.devtronApplication]: Awaited<ReturnType<typeof getAppOptionsGroupedByProjects>>;
+        [ResourceKindType.project]: Awaited<ReturnType<typeof getProjectOptions>>;
+        [ResourceKindType.cluster]: Awaited<ReturnType<typeof getClusterOptions>>;
+        [ResourceKindType.environment]: Awaited<ReturnType<typeof getEnvironmentOptions>>;
+    };
+    resourcesOptionsError: ServerErrors;
+    refetchResourcesOptions: () => void;
+}

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

@@ -0,0 +1,16 @@
+import { UseGetResourceKindOptionsReturnType, UseGetResourceKindsOptionsProps } from './types';
+
+/**
+ * Generic hook to fetch the options list for the supported resource kinds.
+ *
+ * Note: no call would be made for empty resource kind list
+ *
+ * @example Usage
+ * ```tsx
+ * const data = useGetResourceKindsOptions({
+ *      resourcesToFetch: [ResourceKindType.devtronApplication, ResourceKindType.environment]
+ * })
+ * ```
+ */
+declare const useGetResourceKindsOptions: ({ resourcesToFetch, }: UseGetResourceKindsOptionsProps) => UseGetResourceKindOptionsReturnType;
+export default useGetResourceKindsOptions;

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

@@ -0,0 +1,4 @@
+import { ResourceKindType } from '../../types';
+import { UseGetResourceKindsOptionsProps } from './types';
+
+export declare const getResourcesToFetchMap: (resourcesToFetch: UseGetResourceKindsOptionsProps['resourcesToFetch']) => Record<ResourceKindType.devtronApplication | ResourceKindType.cluster | ResourceKindType.environment | ResourceKindType.project, boolean>;

package/dist/Shared/Services/common.service.d.ts

@@ -1,3 +1,4 @@
-import { GetResourceApiUrlProps } from './types';
+import { GetPolicyApiUrlProps, GetResourceApiUrlProps } from './types';
 
-export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, queryParams }: GetResourceApiUrlProps<T>) => string;
+export declare const getResourceApiUrl: <T>({ baseUrl, kind, version, suffix, queryParams }: GetResourceApiUrlProps<T>) => string;
+export declare const getPolicyApiUrl: <T>({ kind, version, queryParams, suffix }: GetPolicyApiUrlProps<T>) => string;

package/dist/Shared/Services/types.d.ts

@@ -1,5 +1,5 @@
 import { getUrlWithSearchParams } from '../../Common';
-import { ResourceKindType, ResourceVersionType } from '../types';
+import { PolicyKindType, ResourceKindType, ResourceVersionType } from '../types';
 
 export interface ClusterType {
     id: number;
@@ -9,9 +9,20 @@ export interface ClusterType {
      */
     isVirtual: boolean;
 }
-export interface GetResourceApiUrlProps<T> {
+/**
+ * T => Type of query params
+ * K => Type of kind
+ * P => Type of version
+ */
+interface BaseGetApiUrlProps<T, K extends ResourceKindType | PolicyKindType, P extends ResourceVersionType> {
     baseUrl: string;
-    kind: ResourceKindType;
-    version: ResourceVersionType;
+    kind: K;
+    version: P;
+    suffix?: string;
     queryParams?: T extends Parameters<typeof getUrlWithSearchParams>[1] ? T : never;
 }
+export interface GetResourceApiUrlProps<T> extends BaseGetApiUrlProps<T, ResourceKindType, ResourceVersionType> {
+}
+export interface GetPolicyApiUrlProps<T> extends Omit<BaseGetApiUrlProps<T, PolicyKindType, ResourceVersionType>, 'baseUrl'> {
+}
+export {};

package/dist/Shared/constants.d.ts

@@ -362,4 +362,3 @@ export declare enum ComponentSizeType {
     medium = "medium",
     large = "large"
 }
-export declare const POP_UP_MENU_MODAL_ID = "popup";

package/dist/Shared/types.d.ts

@@ -360,15 +360,21 @@ export declare enum ResourceKindType {
     tenant = "tenant",
     installation = "installation",
     environment = "environment",
-    cdPipeline = "cd-pipeline"
+    cdPipeline = "cd-pipeline",
+    project = "project"
 }
 /**
  * Versions support for the resources on BE
+ *
+ * TODO: Rename to ApiVersionType
  */
 export declare enum ResourceVersionType {
     v1 = "v1",
     alpha1 = "alpha1"
 }
+export declare enum PolicyKindType {
+    lockConfiguration = "lock-configuration"
+}
 export interface LastExecutionResultType {
     lastExecution: string;
     severityCount: {

package/dist/Shared/validations.d.ts

@@ -12,7 +12,6 @@ export declare const MESSAGES: {
     VALID_POSITIVE_NUMBER: string;
     VALID_POSITIVE_INTEGER: string;
     MAX_SAFE_INTEGER: string;
-    INVALID_SEMANTIC_VERSION: string;
 };
 export declare const requiredField: (value: string) => ValidationResponseType;
 export declare const validateName: (name: string) => ValidationResponseType;
@@ -29,5 +28,3 @@ export declare const validateUniqueKeys: (keys: string[]) => {
     isValid: boolean;
     message: string;
 };
-export declare const validateSematicVersioning: (version: string) => ValidationResponseType;
-export declare const validateDisplayName: (name: string) => ValidationResponseType;