@devtron-labs/devtron-fe-common-lib 0.1.7-beta-5 → 0.1.8-beta-1

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

@@ -252,4 +252,14 @@ export interface FormErrorObjectType {
         steps: TaskErrorObj[];
     };
 }
+export interface PluginDetailType {
+    id: number;
+    name: string;
+    type: string;
+    description: string;
+    icon: string;
+    tags: string[];
+    inputVariables?: VariableType[];
+    outputVariables?: VariableType[];
+}
 export {};

package/dist/Common/Constants.d.ts

@@ -74,9 +74,6 @@ export declare const ROUTES: {
     CONFIG_CD_PIPELINE: string;
     MODULE_CONFIGURED: string;
     RESOURCE_HISTORY_DEPLOYMENT: string;
-    PLUGIN_GLOBAL_LIST_DETAIL_V2: string;
-    PLUGIN_GLOBAL_LIST_V2: string;
-    PLUGIN_GLOBAL_LIST_TAGS: string;
 };
 export declare enum KEY_VALUE {
     KEY = "key",
@@ -231,6 +228,7 @@ export declare enum ReactSelectInputAction {
 export declare const ZERO_TIME_STRING = "0001-01-01T00:00:00Z";
 export declare const EXCLUDED_FALSY_VALUES: readonly [any, any, "", number];
 export declare const API_STATUS_CODES: {
+    OK: number;
     BAD_REQUEST: number;
     UNAUTHORIZED: number;
     PERMISSION_DENIED: number;

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

@@ -1,6 +1,4 @@
-import { PluginDataStoreType } from '../Shared';
 import { VariableType } from './CIPipeline.Types';
-import { ServerErrors } from './ServerError';
 import { ResponseType } from './Types';
 
 export declare enum ApplyPolicyToStage {
@@ -26,7 +24,6 @@ export interface DefinitionSourceType {
 }
 export interface MandatoryPluginDetailType {
     id: number;
-    parentPluginId: number;
     icon: string;
     name: string;
     description?: string;
@@ -41,11 +38,6 @@ export interface MandatoryPluginDataType {
     isValidPre: boolean;
     isValidPost: boolean;
 }
-export interface ProcessPluginDataReturnType {
-    mandatoryPluginData: MandatoryPluginDataType;
-    pluginDataStore: PluginDataStoreType;
-    mandatoryPluginsError?: ServerErrors;
-}
 export declare enum ConsequenceAction {
     BLOCK = "BLOCK",
     ALLOW_UNTIL_TIME = "ALLOW_UNTIL_TIME",

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

@@ -1,3 +1,3 @@
 export * from './constants';
-export type { UserListFilterParams, UserRoleGroup } from './types';
+export type { UserListFilterParams, BaseFilterQueryParams, UserRoleGroup } from './types';
 export * from './shared';

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

@@ -1,6 +1,24 @@
-import { BaseFilterQueryParams } from '../../../Shared';
+import { SortingParams } from '../../../Common/Types';
 import { UserListSortableKeys, UserStatus } from './constants';
 
+export type BaseFilterQueryParams<T> = {
+    /**
+     * Offset for the list result
+     */
+    offset?: number;
+    /**
+     * Number of items required in the list
+     */
+    size?: number;
+    /**
+     * Search string (if any)
+     */
+    searchKey?: string;
+    /**
+     * If true, all items are returned with any search / filtering applied without pagination
+     */
+    showAll?: boolean;
+} & SortingParams<T>;
 export type UserListFilterParams = BaseFilterQueryParams<UserListSortableKeys> & {
     /**
      * Selected statuses (if any)

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

@@ -0,0 +1,4 @@
+declare const DetectBottom: ({ callback }: {
+    callback: () => void;
+}) => 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, }: FilterChipsProps<T>) => JSX.Element;
 export default FilterChips;

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

@@ -4,7 +4,7 @@ export interface FilterChipProps {
     /**
      * Filter label
      */
-    label?: string;
+    label: string;
     /**
      * Corresponding value of the filter
      */
@@ -21,13 +21,8 @@ export interface FilterChipProps {
      * If passed, the label will be formatted accordingly
      */
     getFormattedValue?: (filterKey: string, filterValue: unknown) => ReactNode;
-    /**
-     * If true, would hide the label
-     * @default false
-     */
-    shouldHideLabel?: boolean;
 }
-export interface FilterChipsProps<T = Record<string, unknown>> extends Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue' | 'shouldHideLabel'> {
+export interface FilterChipsProps<T = Record<string, unknown>> extends Pick<FilterChipProps, 'getFormattedLabel' | 'getFormattedValue'> {
     /**
      * Current filter configuration
      */

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

@@ -1,5 +1,4 @@
-import { MenuListProps, ValueContainerProps } from 'react-select';
-import { OptionType } from '../../../Common';
+import { MenuListProps } from 'react-select';
 
 export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
     container: (base: any, state: any) => any;
@@ -34,6 +33,3 @@ export declare const commonSelectStyles: {
 export declare const MenuListWithApplyButton: ({ handleApplyFilter, ...props }: MenuListProps<unknown, boolean, import('react-select').GroupBase<unknown>> & {
     handleApplyFilter: () => void;
 }) => JSX.Element;
-export declare const MultiSelectValueContainer: ({ title, ...props }: ValueContainerProps<OptionType<string, string>, true, import('react-select').GroupBase<OptionType<string, string>>> & {
-    title: string;
-}) => JSX.Element;

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

@@ -0,0 +1,85 @@
+import { SelectPickerProps } from './type';
+
+/**
+ * Generic component for select picker
+ *
+ * @example With icon in control
+ * ```tsx
+ * <SelectPicker ... icon={<CustomIcon />} />
+ * ```
+ *
+ * @example Medium menu list width
+ * ```tsx
+ * <SelectPicker ... menuSize={ComponentSizeType.medium} />
+ * ```
+ *
+ * @example Large menu list width
+ * ```tsx
+ * <SelectPicker ... menuSize={ComponentSizeType.large} />
+ * ```
+ *
+ * @example Required label
+ * ```tsx
+ * <SelectPicker ... required label="Label" />
+ * ```
+ *
+ * @example Custom label
+ * ```tsx
+ * <SelectPicker ... label={<div>Label</div>} />
+ * ```
+ *
+ * @example Error state
+ * ```tsx
+ * <SelectPicker ... error="Something went wrong" />
+ * ```
+ *
+ * @example Helper text
+ * ```tsx
+ * <SelectPicker ... helperText="Help information" />
+ * ```
+ *
+ * @example Menu list footer
+ * The footer is sticky by default
+ * ```tsx
+ * <SelectPicker
+ *      ...
+ *      renderMenuListFooter={() => (
+ *          <div className="px-8 py-6 dc__border-top bcn-50 cn-6">
+ *              <div>Foot note</div>
+ *          </div>
+ *      )}
+ * />
+ * ```
+ *
+ * @example Loading state
+ * ```tsx
+ * <SelectPicker ... isLoading />
+ * ```
+ *
+ * @example Disabled state
+ * ```tsx
+ * <SelectPicker ... isDisabled />
+ * ```
+ *
+ * @example Loading & disabled state
+ * ```tsx
+ * <SelectPicker ... isLoading isDisabled />
+ * ```
+ *
+ * @example Hide selected option icon in control
+ * ```tsx
+ * <SelectPicker ... showSelectedOptionIcon={false} />
+ * ```
+ *
+ * @example Selected option clearable
+ * ```tsx
+ * <SelectPicker ... isClearable />
+ * ```
+ *
+ * @example Selected option clearable
+ * ```tsx
+ * <SelectPicker ... showSelectedOptionsCount />
+ * ```
+ */
+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/common.d.ts

@@ -0,0 +1,10 @@
+import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps } from 'react-select';
+import { SelectPickerOptionType, SelectPickerProps } from './type';
+
+export declare const SelectPickerDropdownIndicator: (props: DropdownIndicatorProps<SelectPickerOptionType>) => JSX.Element;
+export declare const SelectPickerClearIndicator: (props: ClearIndicatorProps<SelectPickerOptionType>) => JSX.Element;
+export declare const SelectPickerControl: ({ icon, showSelectedOptionIcon, ...props }: ControlProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'icon' | 'showSelectedOptionIcon'>) => JSX.Element;
+export declare const SelectPickerValueContainer: ({ showSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'showSelectedOptionsCount'>) => JSX.Element;
+export declare const SelectPickerLoadingIndicator: () => JSX.Element;
+export declare const SelectPickerOption: (props: OptionProps<SelectPickerOptionType>) => JSX.Element;
+export declare const SelectPickerMenuList: ({ renderMenuListFooter, ...props }: MenuListProps<SelectPickerOptionType> & Pick<SelectPickerProps, 'renderMenuListFooter'>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export { default as SelectPicker } from './SelectPicker.component';
+export * from './type';

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

@@ -0,0 +1,74 @@
+import { OptionType } from '../../../Common/Types';
+import { ComponentSizeType } from '../../constants';
+import { ReactElement, ReactNode } from 'react';
+import { Props as ReactSelectProps } from 'react-select';
+
+export interface SelectPickerOptionType extends OptionType<number | string, ReactNode> {
+    /**
+     * Description to be displayed for the option
+     */
+    description?: string;
+    /**
+     * Icon at the start of the option
+     */
+    startIcon?: ReactElement;
+    /**
+     * Icon at the end of the option
+     */
+    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'>, Required<Pick<SelectProps, 'classNamePrefix' | 'inputId' | 'name'>> {
+    /**
+     * Icon to be rendered in the control
+     */
+    icon?: ReactElement;
+    /**
+     * Error message for the select
+     */
+    error?: ReactNode;
+    /**
+     * Render function for the footer at the bottom of menu list. It is sticky by default
+     */
+    renderMenuListFooter?: () => ReactNode;
+    /**
+     * Info text for the select, if any
+     */
+    helperText?: ReactNode;
+    /**
+     * Label for the select. if required is added, the corresponding * is also added
+     */
+    label?: ReactNode;
+    /**
+     * If true, the selected option icon is shown in the container.
+     * startIcon has higher priority than endIcon.
+     *
+     * @default 'true'
+     */
+    showSelectedOptionIcon?: boolean;
+    /**
+     * Height of the dropdown
+     *
+     * @default 'ComponentSizeType.medium'
+     */
+    size?: Extract<ComponentSizeType, ComponentSizeType.medium | ComponentSizeType.large>;
+    /**
+     * Content to be shown in a tippy when disabled
+     */
+    disabledTippyContent?: ReactNode;
+    /**
+     * If true, the selected options count is shown in a chip inside ValueContainer
+     *
+     * @default 'false'
+     */
+    showSelectedOptionsCount?: boolean;
+    /**
+     * Width of the menu list
+     *
+     * Note: the overflow needs to be handled explicitly for non-small variants
+     *
+     * @default 'ComponentSizeType.small'
+     */
+    menuSize?: ComponentSizeType;
+}
+export {};

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

@@ -0,0 +1,4 @@
+import { StylesConfig } from 'react-select';
+import { SelectPickerOptionType, SelectPickerProps } from './type';
+
+export declare const getCommonSelectStyle: ({ error, size, menuSize, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize'>) => StylesConfig<SelectPickerOptionType>;

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

@@ -30,5 +30,5 @@ export * from './ImageChipCell';
 export * from './ArtifactInfoModal';
 export * from './MaterialHistory';
 export * from './IframeContainer';
-export * from './Plugin';
 export * from './KeyValueTable';
+export * from './SelectPicker';

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

@@ -0,0 +1,7 @@
+import { HandleDownloadProps } from './types';
+
+declare const useDownload: () => {
+    handleDownload: ({ downloadUrl, showFilePreparingToast, fileName, }: HandleDownloadProps) => Promise<void>;
+    isDownloading: boolean;
+};
+export default useDownload;

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

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

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

@@ -0,0 +1 @@
+export declare const getDownloadResponse: (downloadUrl: string) => Promise<Response>;

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

@@ -0,0 +1,5 @@
+export interface HandleDownloadProps {
+    downloadUrl: string;
+    showFilePreparingToast?: boolean;
+    fileName?: string;
+}

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

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

package/dist/Shared/constants.d.ts

@@ -353,3 +353,11 @@ export declare enum K8sResourcePayloadAppType {
     HELM_APP = 1,
     EXTERNAL_ARGO_APP = 2
 }
+/**
+ * Size variants for components
+ */
+export declare enum ComponentSizeType {
+    small = "small",
+    medium = "medium",
+    large = "large"
+}

package/dist/Shared/types.d.ts

@@ -1,4 +1,4 @@
-import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes, ServerErrors, SortingParams } from '../Common';
+import { OptionType, CommonNodeAttr, ResponseType, UserApprovalConfigType, VulnerabilityType, DeploymentAppTypes, ServerErrors } from '../Common';
 import { EnvironmentTypeEnum, PatchOperationType } from './constants';
 
 export declare enum EnvType {
@@ -516,22 +516,4 @@ export interface BatchConfigType {
 export interface scrollableInterface {
     autoBottomScroll: boolean;
 }
-export type BaseFilterQueryParams<T> = {
-    /**
-     * Offset for the list result
-     */
-    offset?: number;
-    /**
-     * Number of items required in the list
-     */
-    size?: number;
-    /**
-     * Search string (if any)
-     */
-    searchKey?: string;
-    /**
-     * If true, all items are returned with any search / filtering applied without pagination
-     */
-    showAll?: boolean;
-} & SortingParams<T>;
 export {};