@devtron-labs/devtron-fe-common-lib 0.2.17-patch-2 → 0.2.18

package/dist/Common/Constants.d.ts

@@ -87,6 +87,7 @@ export declare const ROUTES: {
     PLUGIN_GLOBAL_LIST_V2: string;
     PLUGIN_GLOBAL_LIST_TAGS: string;
     DEPLOYMENT_CHARTS_LIST: string;
+    USER_LIST_MIN: string;
     CONFIG_DATA: string;
 };
 export declare enum KEY_VALUE {

package/dist/Common/DraggableWrapper/DraggableWrapper.d.ts

@@ -6,4 +6,4 @@ import { DraggableWrapperProps } from './types';
  * 2. dragSelector will be used to identify the grabbable button that will grab the div to drag
  * 3. parentRef is the reference point from which we will derive the base top:0 ,left: 0 position
  */
-export default function DraggableWrapper({ children, zIndex, positionVariant, dragSelector, parentRef, boundaryGap, childDivProps, layoutFixDelta }: DraggableWrapperProps): JSX.Element;
+export default function DraggableWrapper({ children, zIndex, positionVariant, dragSelector, parentRef, boundaryGap, childDivProps, layoutFixDelta, }: DraggableWrapperProps): JSX.Element;

package/dist/Common/InfoColorBar/InfoColourbar.d.ts

@@ -1,4 +1,4 @@
 import { InfoColourBarType } from '../Types';
 
-declare const InfoColourBar: ({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, hideIcon }: InfoColourBarType) => JSX.Element;
+declare const InfoColourBar: ({ message, classname, Icon, iconClass, iconSize, renderActionButton, linkText, redirectLink, linkOnClick, linkClass, internalLink, styles, hideIcon, }: InfoColourBarType) => JSX.Element;
 export default InfoColourBar;

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

@@ -1,7 +1,7 @@
 import { PopupMenuBodyType, PopupMenuButtonType, PopupMenuType } from './Types';
 
 declare const PopupMenu: {
-    ({ children, onToggleCallback, autoClose, autoPosition, shouldPreventDefault }: PopupMenuType): any;
+    ({ children, onToggleCallback, autoClose, autoPosition, shouldPreventDefault, }: PopupMenuType): any;
     Button: ({ children, disabled, rootClassName, tabIndex, onHover, isKebab, dataTestId, }: PopupMenuButtonType) => JSX.Element;
     Body: ({ children, rootClassName, style, autoWidth, preventWheelDisable, noBackDrop, }: PopupMenuBodyType) => JSX.Element;
 };

package/dist/Common/RJSF/templates/TitleField.d.ts

@@ -1,3 +1,3 @@
 import { TitleFieldProps } from '@rjsf/utils';
 
-export declare const TitleField: ({ id, title, required, description }: TitleFieldProps & Partial<Record<'description', string>>) => JSX.Element;
+export declare const TitleField: ({ id, title, required, description, }: TitleFieldProps & Partial<Record<'description', string>>) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -2,6 +2,7 @@ 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 { UserGroupDTO } from '../Pages/GlobalConfigurations';
 import { RegistryType, Severity } from '../Shared';
 
 /**
@@ -263,9 +264,45 @@ export declare enum DeploymentNodeType {
     POSTCD = "POSTCD",
     APPROVAL = "APPROVAL"
 }
-export interface UserApprovalConfigType {
+export declare enum ManualApprovalType {
+    specific = "SPECIFIC",
+    any = "ANY",
+    notConfigured = "NOT_CONFIGURED"
+}
+export interface UserGroupApproverType {
+    email: string;
+    hasAccess: boolean;
+}
+export interface ImageApprovalPolicyUserGroupDataType {
+    dataStore: Record<string, UserGroupApproverType>;
     requiredCount: number;
+    emails: string[];
+}
+export interface ImageApprovalPolicyType {
+    isPolicyConfigured: boolean;
+    specificUsersData: ImageApprovalPolicyUserGroupDataType;
+    userGroupData: Record<string, ImageApprovalPolicyUserGroupDataType>;
+    validGroups: string[];
 }
+export type ImageApprovalUsersInfoDTO = Record<string, Pick<UserGroupDTO, 'identifier' | 'name'>[]>;
+export interface UserApprovalConfigType {
+    type: ManualApprovalType;
+    requiredCount: number;
+    specificUsers: {
+        identifiers: string[];
+        requiredCount?: number;
+    };
+    userGroups: (Pick<UserGroupDTO, 'identifier'> & {
+        requiredCount: number;
+    })[];
+}
+export type UserApprovalConfigPayloadType = ({
+    type: ManualApprovalType.any;
+} & Pick<UserApprovalConfigType, 'requiredCount'>) | ({
+    type: ManualApprovalType.specific;
+} & Pick<UserApprovalConfigType, 'userGroups' | 'specificUsers'>) | {
+    type: ManualApprovalType.notConfigured;
+};
 interface ApprovalUserDataType {
     dataId: number;
     userActionTime: string;
@@ -273,12 +310,14 @@ interface ApprovalUserDataType {
     userEmail: string;
     userId: number;
     userResponse: number;
+    userGroups?: Pick<UserGroupDTO, 'identifier' | 'name'>[];
 }
 export interface UserApprovalMetadataType {
     approvalRequestId: number;
     approvalRuntimeState: number;
     approvedUsersData: ApprovalUserDataType[];
     requestedUserData: ApprovalUserDataType;
+    approvalConfig?: UserApprovalConfigType;
 }
 export declare enum FilterStates {
     ALLOWED = 0,
@@ -329,6 +368,14 @@ export interface ArtifactReleaseMappingType {
     kind: string;
     version: string;
 }
+export interface CDMaterialListModalServiceUtilProps {
+    artifacts: any[];
+    offset: number;
+    artifactId?: number;
+    artifactStatus?: string;
+    disableDefaultSelection?: boolean;
+    userApprovalConfig?: UserApprovalConfigType;
+}
 export interface CDMaterialType {
     index: number;
     id: string;
@@ -535,6 +582,10 @@ export interface CDMaterialsApprovalInfo {
     approvalUsers: string[];
     userApprovalConfig: UserApprovalConfigType;
     canApproverDeploy: boolean;
+    /**
+     * Only available incase of approvals do'nt use in cd materials or any other flow since approvalUsers are not present there
+     */
+    imageApprovalPolicyDetails: ImageApprovalPolicyType;
 }
 export interface CDMaterialsMetaInfo {
     tagsEditable: boolean;

package/dist/Pages/CDPipeline/types.d.ts

@@ -1,5 +1,5 @@
 import { BuildStageType, FormType } from '../../Common/CIPipeline.Types';
-import { DeploymentAppTypes } from '../../Common/Types';
+import { DeploymentAppTypes, UserApprovalConfigType } from '../../Common/Types';
 import { DeploymentStrategy } from '../../Shared/Components';
 import { EnvListMinDTO } from '../../Shared/types';
 
@@ -54,9 +54,7 @@ export interface CDFormType {
         secrets: ConfigSecretType[];
     };
     requiredApprovals: string;
-    userApprovalConfig?: {
-        requiredCount: number;
-    };
+    userApprovalConfig?: UserApprovalConfigType;
     isClusterCdActive: boolean;
     deploymentAppCreated: boolean;
     clusterId: string;

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

@@ -1,3 +1,5 @@
 export * from './constants';
-export type { UserListFilterParams, UserRoleGroup } from './types';
+export type { UserListFilterParams, UserRoleGroup, UserGroupDTO, UserGroupType } from './types';
 export * from './shared';
+export * from './service';
+export { getUserAndApiTokenOption } from './utils';

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

@@ -0,0 +1,4 @@
+import { SelectPickerOptionType } from '../../../Shared/Components';
+import { GroupBase } from 'react-select';
+
+export declare const getUserAndApiTokenOptions: () => Promise<GroupBase<SelectPickerOptionType<string>>[]>;

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

@@ -7,6 +7,10 @@ export type UserListFilterParams = BaseFilterQueryParams<UserListSortableKeys> &
      */
     status: UserStatus[];
 };
+export interface UserMinType {
+    id: number;
+    emailId: string;
+}
 export interface UserRoleGroup {
     /**
      * Id of the permission group
@@ -31,3 +35,35 @@ export interface UserRoleGroup {
      */
     timeToLive: string;
 }
+export interface UserGroupDTO {
+    /**
+     * Unique display name of the user group
+     */
+    name: string;
+    /**
+     * Unique id of the user group
+     *
+     * Follows the validation for app name
+     */
+    identifier: string;
+    /**
+     * Associated description
+     *
+     * @default ''
+     */
+    description?: string;
+    /**
+     * Number of users assigned to the group
+     *
+     * @default 0
+     */
+    usersCount?: number;
+}
+export interface UserGroupType extends Required<Pick<UserGroupDTO, 'description' | 'name' | 'usersCount' | 'identifier'>> {
+    /**
+     * Unique id of the user group
+     *
+     * Follows the validation for app name
+     */
+    userGroupId: string;
+}

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

@@ -0,0 +1,3 @@
+import { SelectPickerOptionType } from '../../../Shared/Components';
+
+export declare const getUserAndApiTokenOption: (emailId: string) => SelectPickerOptionType<string>;

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

@@ -135,5 +135,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, renderCustomOptions, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue extends string | number, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

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

@@ -7,7 +7,7 @@ export declare const SelectPickerControl: <OptionValue, IsMulti extends boolean>
 export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "customSelectedOptionsCount" | "showSelectedOptionsCount">) => JSX.Element;
 export declare const SelectPickerLoadingIndicator: () => JSX.Element;
 export declare const SelectPickerOption: <OptionValue, IsMulti extends boolean>({ disableDescriptionEllipsis, ...props }: OptionProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "disableDescriptionEllipsis">) => JSX.Element;
-export declare const SelectPickerMenuList: <OptionValue, IsMulti extends boolean>({ renderMenuListFooter, shouldRenderCustomOptions, renderCustomOptions, ...props }: MenuListProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "renderMenuListFooter" | "shouldRenderCustomOptions" | "renderCustomOptions">) => JSX.Element;
+export declare const SelectPickerMenuList: <OptionValue extends string | number>(props: MenuListProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>>) => JSX.Element;
 export declare const SelectPickerMultiValueLabel: <OptionValue, IsMulti extends boolean>({ getIsOptionValid, ...props }: MultiValueProps<SelectPickerOptionType<OptionValue>, true, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid">) => JSX.Element;
 export declare const SelectPickerMultiValueRemove: (props: MultiValueRemoveProps) => JSX.Element;
 export declare const SelectPickerGroupHeading: <OptionValue>({ isGroupHeadingSelectable, ...props }: SelectPickerGroupHeadingProps<OptionValue>) => JSX.Element;

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

@@ -18,12 +18,34 @@ export interface SelectPickerOptionType<OptionValue = string | number> extends O
      */
     endIcon?: ReactElement;
 }
+type SelectProps<OptionValue, IsMulti extends boolean> = ReactSelectProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>;
+declare module 'react-select/base' {
+    interface Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
+        /**
+         * Render function for the footer at the bottom of menu list. It is sticky by default
+         */
+        renderMenuListFooter?: (selectedOptions: SelectProps<string | number, IsMulti>['value']) => ReactNode;
+        /**
+         * If true, custom options are rendered in the menuList component of react select
+         *
+         * Note: renderCustomOptions is required to be passed; renderMenuListFooter is also not called
+         *
+         * @default false
+         */
+        shouldRenderCustomOptions?: boolean;
+        /**
+         * Callback handler for custom options
+         *
+         * Imp Note: The menu open/close needs to handled by the consumer in this case
+         */
+        renderCustomOptions?: () => ReactElement;
+    }
+}
 export declare enum SelectPickerVariantType {
     DEFAULT = "default",
     BORDER_LESS = "border-less"
 }
-type SelectProps<OptionValue, IsMulti extends boolean> = ReactSelectProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>;
-export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur'> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & {
+export type SelectPickerProps<OptionValue = number | string, IsMulti extends boolean = false> = Pick<SelectProps<OptionValue, IsMulti>, 'name' | 'classNamePrefix' | 'options' | 'value' | 'onChange' | 'isSearchable' | 'isClearable' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus' | 'onBlur' | 'renderMenuListFooter' | 'shouldRenderCustomOptions' | 'renderCustomOptions'> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & {
     /**
      * Icon to be rendered in the control
      */
@@ -32,10 +54,6 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
      * Error message for the select
      */
     error?: ReactNode;
-    /**
-     * Render function for the footer at the bottom of menu list. It is sticky by default
-     */
-    renderMenuListFooter?: (selectedOptions: SelectProps<OptionValue, IsMulti>['value']) => ReactNode;
     /**
      * Info text for the select, if any
      */
@@ -134,30 +152,12 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
 } : {
     isMulti?: never;
     multiSelectProps?: never;
-}) & ({
-    /**
-     * If true, custom options are rendered in the menuList component of react select
-     *
-     * Note: renderCustomOptions is required to be passed; renderMenuListFooter is also not called
-     *
-     * @default false
-     */
-    shouldRenderCustomOptions: boolean;
-    /**
-     * Callback handler for custom options
-     *
-     * Imp Note: The menu open/close needs to handled by the consumer in this case
-     */
-    renderCustomOptions: () => ReactElement;
-} | {
-    shouldRenderCustomOptions?: never;
-    renderCustomOptions?: never;
 });
 export type SelectPickerGroupHeadingProps<OptionValue> = GroupHeadingProps<SelectPickerOptionType<OptionValue>> & {
     isGroupHeadingSelectable: boolean;
 };
 export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps<number | string, true>, 'options' | 'isDisabled' | 'placeholder' | 'isLoading'>>, Pick<SelectPickerProps<number | string, true>, 'selectRef' | 'inputId' | 'menuPosition' | 'autoFocus' | 'shouldMenuAlignRight'> {
-    appliedFilterOptions: SelectPickerProps<number | string, true>['options'];
+    appliedFilterOptions: SelectPickerOptionType[];
     handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
 }
 export {};

package/dist/Shared/Helpers.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { Pair } from 'yaml';
-import { MaterialInfo, SortingOrder } from '../Common';
+import { MaterialInfo, SortingOrder, UserApprovalConfigType } from '../Common';
 import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 
@@ -39,6 +39,12 @@ 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 getFileNameFromHeaders: (headers: Headers) => string;
+export declare const sanitizeUserApprovalConfig: (userApprovalConfig: UserApprovalConfigType) => UserApprovalConfigType;
+/**
+ * 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;
 /**
  * @description - Function to open a new tab with the given url
  * @param url - url to be opened in new tab