@devtron-labs/devtron-fe-common-lib 1.18.0-alpha-5 → 1.18.0-alpha-7

package/dist/Common/Constants.d.ts

@@ -2,7 +2,7 @@ export declare const FALLBACK_REQUEST_TIMEOUT = 60000;
 export declare const Host: string;
 export declare const DOCUMENTATION_HOME_PAGE = "https://docs.devtron.ai";
 export declare const DEVTRON_HOME_PAGE = "https://devtron.ai/";
-export declare const DOCUMENTATION_VERSION = "/devtron/v0.7";
+export declare const DOCUMENTATION_VERSION = "/devtron/v1.7";
 export declare const DISCORD_LINK = "https://discord.devtron.ai/";
 export declare const DEFAULT_JSON_SCHEMA_URI = "https://json-schema.org/draft/2020-12/schema";
 export declare const LICENSE_DASHBOARD_HOME_PAGE = "https://license.devtron.ai/dashboard";
@@ -58,7 +58,6 @@ export declare const URLS: {
     readonly COMPARE_CLUSTERS: "/compare-clusters";
     readonly APP_CONFIG: "edit";
     readonly GLOBAL_CONFIG: "/global-config";
-    readonly GLOBAL_CONFIG_MANAGE_CATEGORIES: "/global-config/cluster-env/manage-categories";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP: "/global-config/templates/devtron-apps";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_CREATE: "/global-config/templates/devtron-apps/create";
     readonly GLOBAL_CONFIG_TEMPLATES_DEVTRON_APP_DETAIL: "/global-config/templates/devtron-apps/detail/:appId";

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

@@ -2,4 +2,4 @@ import { ModalType } from '../Types';
 /**
  * @deprecated Use VisibleModal instead
  */
-export declare const Modal: ({ style, children, modal, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => JSX.Element;
+export declare const Modal: ({ style, children, rootClassName, onClick, callbackRef, preventWheelDisable, noBackDrop, }: ModalType) => JSX.Element;

package/dist/Common/SearchBar/SearchBar.component.d.ts

@@ -33,5 +33,5 @@ import { SearchBarProps } from './types';
  * <SearchBar inputProps={{ placeholder: 'Enter search text' }} />
  * ```
  */
-declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, }: SearchBarProps) => JSX.Element;
+declare const SearchBar: ({ initialSearchText, handleSearchChange, handleEnter, inputProps, containerClassName, shouldDebounce, debounceTimeout, dataTestId, noBackgroundAndBorder, size, keyboardShortcut, }: SearchBarProps) => JSX.Element;
 export default SearchBar;

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

@@ -46,4 +46,10 @@ export interface SearchBarProps {
      * @default 'ComponentSizeType.medium'
      */
     size?: ComponentSizeType.medium | ComponentSizeType.large;
+    /**
+     * Renders the keyboard shortcut key that opens the select picker \
+     * Shortcut key needs to be defined first in order to use it.
+     * @note This is displayed in place of the dropdown indicator
+     */
+    keyboardShortcut?: string;
 }

package/dist/Common/Types.d.ts

@@ -245,7 +245,6 @@ export interface PopupMenuBodyType {
 export interface ModalType {
     style?: React.CSSProperties;
     children?: ReactNode;
-    modal?: boolean;
     rootClassName?: string;
     onClick?: any;
     callbackRef?: (element?: any) => any;

package/dist/Pages/ResourceBrowser/ClusterMap/ClusterMap.d.ts

@@ -0,0 +1,2 @@
+import { ClusterMapProps } from './types';
+export declare const ClusterMap: ({ filteredList, isLoading }: ClusterMapProps) => JSX.Element;

package/dist/Pages/ResourceBrowser/ClusterMap/index.d.ts

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

package/dist/Pages/ResourceBrowser/ClusterMap/types.d.ts

@@ -0,0 +1,25 @@
+import { ClusterStatusType } from '../types';
+export interface ClusterStatusAndType {
+    isProd: boolean;
+    status: ClusterStatusType;
+}
+export interface ClusterMapProps {
+    isLoading?: boolean;
+    filteredList: ClusterStatusAndType[];
+}
+export interface StatusCountEnum {
+    healthyCount: number;
+    unhealthyCount: number;
+    connectionFailedCount: number;
+    prodCount: number;
+}
+export interface StatusEntity {
+    value: number;
+    label: string;
+    color: string;
+    proportionalValue: string;
+}
+export interface ClusterEntitiesTypes {
+    statusEntities: StatusEntity[];
+    deploymentEntities: StatusEntity[];
+}

package/dist/Pages/ResourceBrowser/ClusterMap/utils.d.ts

@@ -0,0 +1,14 @@
+import { ClusterEntitiesTypes, ClusterStatusAndType, StatusCountEnum } from './types';
+/**
+ *
+ * @param filteredList
+ * @returns healthyCount, unhealthyCount, connectionFailedCount, prodCount
+ */
+export declare const getStatusCount: (filteredList: ClusterStatusAndType[]) => StatusCountEnum;
+/**
+ *
+ * @param filteredList
+ * @returns statusEntities, deploymentEntities
+ *
+ */
+export declare const getEntities: (filteredList: ClusterStatusAndType[]) => ClusterEntitiesTypes;

package/dist/Pages/ResourceBrowser/index.d.ts

@@ -1,3 +1,4 @@
+export * from './ClusterMap';
 export * from './constants';
 export { default as ForceDeleteOption } from './ForceDeleteOption';
 export * from './Helper';

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

@@ -51,7 +51,7 @@ export interface ClusterCapacityType {
     serverVersion: string;
     nodeDetails?: NodeDetailsType[];
     nodeErrors: Record<string, string>[];
-    status?: ClusterStatusType;
+    status: ClusterStatusType;
     isProd: boolean;
     installationId?: number;
 }

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

@@ -1,3 +1,3 @@
 import { ChipProps } from './types';
-declare const Chip: ({ label, startIconProps, size: userSize, value, onRemove, style, type, onClick, href, }: ChipProps) => JSX.Element;
+declare const Chip: ({ label, startIconProps, size: userSize, value, onRemove, style, type, onClick, capitalizeLabel, href, }: ChipProps) => JSX.Element;
 export default Chip;

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

@@ -19,6 +19,7 @@ export type ChipProps = {
      */
     style?: 'neutral' | 'error';
     startIconProps?: Pick<IconsProps, 'name' | 'color'>;
+    capitalizeLabel?: boolean;
 } & ({
     type: 'button';
     href?: never;

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

@@ -18,6 +18,7 @@ export declare const iconMap: {
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -133,6 +134,7 @@ export declare const iconMap: {
     'ic-lego': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning-fill': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-link': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-linked-build-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-list-bullets': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

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

@@ -133,5 +133,5 @@ import { SelectPickerProps } from './type';
  * />
  * ```
  */
-declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+declare const SelectPicker: <OptionValue, IsMulti extends boolean>({ error, icon, keyboardShortcut, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, menuPosition, variant, disableDescriptionEllipsis, multiSelectProps, isMulti, name, classNamePrefix, shouldRenderCustomOptions, isSearchable, selectRef: refFromConsumer, shouldMenuAlignRight, fullWidth, customSelectedOptionsCount, menuListFooterConfig, isCreatable, onCreateOption, closeMenuOnSelect: _closeMenuOnSelect, shouldShowNoOptionsMessage, shouldRenderTextArea, onKeyDown, shouldHideMenu, warningText, layout, ariaLabel, borderConfig, borderRadiusConfig, labelTippyCustomizedConfig, labelTooltipConfig, hideFormFieldInfo, autoFocus, showCheckboxForMultiSelect, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
 export default SelectPicker;

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

@@ -3,3 +3,4 @@ import { SelectPickerProps } from './type';
 export declare const SELECT_PICKER_FONT_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['fontSize']>;
 export declare const SELECT_PICKER_ICON_SIZE_MAP: Record<SelectPickerProps['size'], Pick<CSSProperties, 'width' | 'height'>>;
 export declare const SELECT_PICKER_CONTROL_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['minHeight']>;
+export declare const SELECT_PICKER_MULTI_VALUE_LABEL_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['lineHeight']>;

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

@@ -71,6 +71,17 @@ declare module 'react-select/base' {
          * Icon to be rendered in the control
          */
         icon?: ReactElement;
+        /**
+         * Renders the keyboard shortcut key that opens the select picker \
+         * Shortcut key needs to be defined first in order to use it.
+         * @note This is displayed in place of the dropdown indicator
+         */
+        keyboardShortcut?: string;
+        /**
+         * If true, checkboxes are shown for options in multi-select mode.
+         * @default true
+         */
+        showCheckboxForMultiSelect?: boolean;
         /**
          * If true, the selected option icon is shown in the container.
          * startIcon has higher priority than endIcon.
@@ -102,7 +113,7 @@ export declare enum SelectPickerVariantType {
     BORDER_LESS = "border-less",
     COMPACT = "compact"
 }
-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' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage' | 'defaultMenuIsOpen' | 'onFocus'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
+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' | 'onKeyDown' | 'formatOptionLabel' | 'onInputChange' | 'inputValue' | 'filterOption' | 'noOptionsMessage' | 'defaultMenuIsOpen' | 'onFocus'> & Partial<Pick<SelectProps<OptionValue, IsMulti>, 'shouldRenderCustomOptions' | 'renderCustomOptions' | 'icon' | 'showSelectedOptionIcon' | 'renderOptionsFooter' | 'shouldRenderTextArea' | 'keyboardShortcut' | 'showCheckboxForMultiSelect'>> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & Partial<Pick<CreatableProps<SelectPickerOptionType<OptionValue>, IsMulti, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption' | 'formatCreateLabel' | 'menuPortalTarget'>> & Omit<FormFieldWrapperProps, 'children'> & {
     /**
      * Config for the footer at the bottom of menu list. It is sticky by default
      *
@@ -224,6 +235,6 @@ export interface FilterSelectPickerProps extends Required<Pick<SelectPickerProps
 export type SelectPickerTextAreaProps = Omit<SelectPickerProps<string, false>, 'selectRef' | 'inputValue' | 'onInputChange' | 'controlShouldRenderValue' | 'onKeyDown' | 'onCreateOption' | 'shouldRenderTextArea'> & Pick<ResizableTagTextAreaProps, 'maxHeight' | 'minHeight' | 'refVar' | 'dependentRefs'>;
 export interface GroupedFilterSelectPickerProps<T extends string | number = string | number> extends Omit<ActionMenuProps<T>, 'onClick' | 'disableDescriptionEllipsis' | 'children' | 'buttonProps' | 'isSearchable'> {
     isFilterApplied?: boolean;
-    filterSelectPickerPropsMap: Record<T, Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown'>>;
+    filterSelectPickerPropsMap: Record<T, Omit<FilterSelectPickerProps, 'autoFocus' | 'menuIsOpen' | 'onMenuClose' | 'onKeyDown' | 'selectRef'>>;
 }
 export {};

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

@@ -108,6 +108,7 @@ type AdditionalFilterPropsType<T extends FiltersTypeEnum> = T extends FiltersTyp
 export type ViewWrapperProps<RowData extends unknown = unknown, FilterVariant extends FiltersTypeEnum = FiltersTypeEnum.NONE, AdditionalProps extends Record<string, any> = {}> = PropsWithChildren<(FilterVariant extends FiltersTypeEnum.NONE ? {} : Pick<UseFiltersReturnType, 'offset' | 'handleSearch' | 'searchKey' | 'sortBy' | 'sortOrder' | 'clearFilters'>) & AdditionalProps & Partial<ConfigurableColumnsType<RowData, FilterVariant, AdditionalProps>> & {
     areRowsLoading: boolean;
     filteredRows: RowsType<RowData> | null;
+    rows: RowsType<RowData> | null;
 } & (FilterVariant extends FiltersTypeEnum.URL ? Pick<UseUrlFiltersReturnType<string>, 'updateSearchParams'> : {})>;
 type FilterConfig<FilterVariant extends FiltersTypeEnum, RowData extends unknown> = {
     filtersVariant: FilterVariant;

package/dist/Shared/constants.d.ts

@@ -432,3 +432,4 @@ export declare const APP_DETAILS_FALLBACK_POLLING_INTERVAL = 30000;
 export declare const PROGRESSING_DEPLOYMENT_STATUS_POLLING_INTERVAL = 10000;
 export declare const STRATEGY_TYPE_TO_TITLE_MAP: Record<DeploymentStrategyTypeWithDefault, string>;
 export declare const CUBIC_BEZIER_CURVE: [number, number, number, number];
+export declare const ALLOW_ACTION_OUTSIDE_FOCUS_TRAP = "allow-action-outside-focus-trap";