@devtron-labs/devtron-fe-common-lib 0.2.2-beta-12 → 0.2.2-beta-13

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

@@ -62,7 +62,8 @@ export declare enum CodeEditorThemesKeys {
     vsDarkDT = "vs-dark--dt",
     deleteDraft = "delete-draft",
     unpublished = "unpublished",
-    vs = "vs"
+    vs = "vs",
+    networkStatusInterface = "network-status-interface"
 }
 export interface CodeEditorInitialValueType {
     mode: string;

package/dist/Common/Constants.d.ts

@@ -43,6 +43,7 @@ export declare const URLS: {
     GLOBAL_CONFIG_DOCKER: string;
     DEPLOYMENT_HISTORY_CONFIGURATIONS: string;
     GLOBAL_CONFIG_SCOPED_VARIABLES: string;
+    NETWORK_STATUS_INTERFACE: string;
 };
 export declare const ROUTES: {
     APP: string;
@@ -76,6 +77,9 @@ export declare const ROUTES: {
     CONFIG_CD_PIPELINE: string;
     MODULE_CONFIGURED: string;
     RESOURCE_HISTORY_DEPLOYMENT: string;
+    ATTRIBUTES: string;
+    ATTRIBUTES_CREATE: string;
+    ATTRIBUTES_UPDATE: string;
     APP_LIST_MIN: string;
     CLUSTER_LIST_MIN: string;
     PLUGIN_GLOBAL_LIST_DETAIL_V2: string;

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

@@ -80,60 +80,6 @@ import { SelectPickerProps } from './type';
  * ```tsx
  * <SelectPicker ... showSelectedOptionsCount />
  * ```
- * @example Multi Select
- * ```tsx
- * <SelectPicker ... isMulti />
- * ```
- *
- * @example Creatable Multi Select
- * ```tsx
- * <SelectPicker
- *      ...
- *      isMulti
- *      multiSelectProps={{
- *          isCreatable: true
- *      }}
- * />
- * ```
- *
- * @example Multi Select with group heading selectable
- * ```tsx
- * <SelectPicker
- *      ...
- *      isMulti
- *      multiSelectProps={{
- *          isGroupHeadingSelectable: true
- *      }}
- * />
- * ```
- *
- * @example Multi Select with selected option validator
- * ```tsx
- * <SelectPicker
- *      ...
- *      isMulti
- *      multiSelectProps={{
- *          getIsOptionValid: (option) => boolean
- *      }}
- * />
- * ```
- *
- * @example Custom options rendering support (menuIsOpen needs to be handled by consumer)
- * ```tsx
- * <SelectPicker
- *      ...
- *      shouldRenderCustomOptions
- *      renderCustomOptions={() => <div />}
- * />
- * ```
- *
- * @example Align the menu at the right most end
- * ```tsx
- * <SelectPicker
- *      ...
- *      shouldMenuAlignRight
- * />
- * ```
  */
-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, ...props }: SelectPickerProps<OptionValue, IsMulti>) => 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/common.d.ts

@@ -1,13 +1,10 @@
-import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps, MultiValueRemoveProps, MultiValueProps } from 'react-select';
-import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
+import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps } from 'react-select';
+import { SelectPickerOptionType, SelectPickerProps } from './type';
 
-export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>>) => JSX.Element;
-export declare const SelectPickerClearIndicator: <OptionValue>(props: ClearIndicatorProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>>) => JSX.Element;
-export declare const SelectPickerControl: <OptionValue, IsMulti extends boolean>({ icon, showSelectedOptionIcon, ...props }: ControlProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "icon" | "showSelectedOptionIcon">) => JSX.Element;
-export declare const SelectPickerValueContainer: <OptionValue, IsMulti extends boolean>({ showSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount">) => JSX.Element;
+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: <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 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;
+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

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

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

@@ -1,10 +1,9 @@
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
-import { MutableRefObject, ReactElement, ReactNode } from 'react';
-import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance } from 'react-select';
-import { CreatableProps } from 'react-select/creatable';
+import { ReactElement, ReactNode } from 'react';
+import { Props as ReactSelectProps } from 'react-select';
 
-export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
+export interface SelectPickerOptionType extends OptionType<number | string, ReactNode> {
     /**
      * Description to be displayed for the option
      */
@@ -18,12 +17,8 @@ export interface SelectPickerOptionType<OptionValue = string | number> extends O
      */
     endIcon?: 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' | 'isLoading' | 'hideSelectedOptions' | 'controlShouldRenderValue' | 'closeMenuOnSelect' | 'isDisabled' | 'isLoading' | 'required' | 'isOptionDisabled' | 'placeholder' | 'menuPosition' | 'getOptionLabel' | 'getOptionValue' | 'isOptionSelected' | 'menuIsOpen' | 'onMenuOpen' | 'onMenuClose' | 'autoFocus'> & Required<Pick<SelectProps<OptionValue, IsMulti>, 'inputId'>> & {
+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
      */
@@ -75,85 +70,5 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
      * @default 'ComponentSizeType.small'
      */
     menuSize?: ComponentSizeType;
-    /**
-     * Variant of the select.
-     *
-     * @default SelectPickerVariantType.DEFAULT
-     */
-    variant?: SelectPickerVariantType;
-    /**
-     * Disables the ellipsis on description, it will be shown in full width, wrapped if required.
-     *
-     * @default false
-     */
-    disableDescriptionEllipsis?: boolean;
-    /**
-     * Ref for the select picker
-     */
-    selectRef?: IsMulti extends true ? MutableRefObject<SelectInstance<SelectPickerOptionType<OptionValue>, true>> : MutableRefObject<SelectInstance<SelectPickerOptionType<OptionValue>>>;
-    /**
-     * If true, the menu is aligned at the right end to prevent going outside of viewport
-     * in case of menu being larger than the control
-     *
-     * @default false
-     */
-    shouldMenuAlignRight?: boolean;
-    /**
-     * If true, the select spans to the max available width
-     *
-     * @default false
-     */
-    fullWidth?: boolean;
-} & (IsMulti extends true ? {
-    isMulti: IsMulti | boolean;
-    multiSelectProps?: Pick<CreatableProps<SelectPickerOptionType<OptionValue>, true, GroupBase<SelectPickerOptionType<OptionValue>>>, 'onCreateOption'> & {
-        /**
-         * If true, the select picker creates the new option
-         * Only applicable for IsMulti: true
-         *
-         * @default false
-         */
-        isCreatable?: boolean;
-        /**
-         * If true, the group heading can be selected
-         *
-         * Only applicable for IsMulti: true
-         *
-         * @default false
-         */
-        isGroupHeadingSelectable?: boolean;
-        /**
-         * Callback handler to check if the given selection is valid or not
-         */
-        getIsOptionValid?: (option: SelectPickerOptionType<OptionValue>) => boolean;
-    };
-} : {
-    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'];
-    handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
 }
 export {};

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

@@ -1,15 +1,4 @@
-import { CHECKBOX_VALUE } from '../../../Common/Types';
-import { GroupBase, MultiValue, OptionsOrGroups, StylesConfig } from 'react-select';
+import { StylesConfig } from 'react-select';
 import { SelectPickerOptionType, SelectPickerProps } from './type';
 
-export declare const getCommonSelectStyle: <OptionValue, IsMulti extends boolean>({ error, size, menuSize, variant, getIsOptionValid, isGroupHeadingSelectable, shouldMenuAlignRight, }: Pick<SelectPickerProps<OptionValue, IsMulti>, "error" | "size" | "shouldMenuAlignRight" | "menuSize" | "variant"> & Pick<SelectPickerProps<OptionValue, IsMulti>["multiSelectProps"], "getIsOptionValid" | "isGroupHeadingSelectable">) => StylesConfig<SelectPickerOptionType<OptionValue>, boolean, GroupBase<SelectPickerOptionType<OptionValue>>>;
-export declare const getGroupCheckboxValue: <OptionValue>(groupHeadingOptions: readonly SelectPickerOptionType<OptionValue>[], selectedOptions: MultiValue<SelectPickerOptionType<OptionValue>>, getOptionValue: (option: SelectPickerOptionType<OptionValue>) => string) => CHECKBOX_VALUE.CHECKED | CHECKBOX_VALUE.INTERMEDIATE;
-/**
- * Retrieves an option from the options list based on the provided value.
- *
- * @param optionsList - The list of options or groups of options.
- * @param value - The value to compare against the options' values.
- * @param defaultOption - The default option to return if no match is found.
- * @returns The matched option or the default option if no match is found.
- */
-export declare const getSelectPickerOptionByValue: <OptionValue>(optionsList: OptionsOrGroups<SelectPickerOptionType<OptionValue>, GroupBase<SelectPickerOptionType<OptionValue>>>, value: string | number, defaultOption?: SelectPickerOptionType<OptionValue>) => SelectPickerOptionType<OptionValue>;
+export declare const getCommonSelectStyle: ({ error, size, menuSize, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize'>) => StylesConfig<SelectPickerOptionType>;

package/dist/Shared/types.d.ts

@@ -536,6 +536,13 @@ export interface BatchConfigType {
 export interface scrollableInterface {
     autoBottomScroll: boolean;
 }
+export declare enum URLProtocolType {
+    HTTP = "http:",
+    HTTPS = "https:",
+    SSH = "ssh:",
+    SMTP = "smtp:",
+    S3 = "s3:"
+}
 export type BaseFilterQueryParams<T> = {
     /**
      * Offset for the list result

package/dist/Shared/validations.d.ts

@@ -1,3 +1,5 @@
+import { URLProtocolType } from './types';
+
 export interface ValidationResponseType {
     isValid: boolean;
     message?: string;
@@ -20,6 +22,7 @@ export declare const validateStringLength: (value: string, maxLimit: number, min
 export declare const validateRequiredPositiveNumber: (value: string | number) => ValidationResponseType;
 export declare const validateRequiredPositiveInteger: (value: string | number) => ValidationResponseType;
 export declare const validateURL: (url: string, allowBase64Url?: boolean) => ValidationResponseType;
+export declare const validateProtocols: (url: string, protocols: URLProtocolType[], isRequired?: boolean) => ValidationResponseType;
 export declare const validateIfImageExist: (url: string) => Promise<ValidationResponseType>;
 export declare const validateUniqueKeys: (keys: string[]) => {
     isValid: boolean;

package/dist/{cssMode-1bb0db54.js → cssMode-f76f6eb4.js}

@@ -1,7 +1,7 @@
 var Le = Object.defineProperty;
 var je = (e, n, i) => n in e ? Le(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var k = (e, n, i) => (je(e, typeof n != "symbol" ? n + "" : n, i), i);
-import { m as Ne } from "./index-219f5050.js";
+import { m as Ne } from "./index-782880a9.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{freemarker2-e0e171de.js → freemarker2-7ca37c07.js}

@@ -1,4 +1,4 @@
-import { m as F } from "./index-219f5050.js";
+import { m as F } from "./index-782880a9.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{handlebars-d999277c.js → handlebars-d3bd646b.js}

@@ -1,4 +1,4 @@
-import { m as i } from "./index-219f5050.js";
+import { m as i } from "./index-782880a9.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{html-e01f2816.js → html-974af54b.js}

@@ -1,4 +1,4 @@
-import { m as d } from "./index-219f5050.js";
+import { m as d } from "./index-782880a9.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{htmlMode-32133fb2.js → htmlMode-05be0b53.js}

@@ -1,7 +1,7 @@
 var $e = Object.defineProperty;
 var qe = (e, n, i) => n in e ? $e(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var k = (e, n, i) => (qe(e, typeof n != "symbol" ? n + "" : n, i), i);
-import { m as Qe } from "./index-219f5050.js";
+import { m as Qe } from "./index-782880a9.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)