@devtron-labs/devtron-fe-common-lib 0.2.2-beta-9 → 0.2.2-beta-10

package/dist/Common/Api.d.ts

@@ -1,11 +1,11 @@
 import { MutableRefObject } from 'react';
 import { ResponseType, APIOptions } from './Types';
 
-export declare const post: <T = any, K = object>(url: string, data: K, options?: APIOptions, isMultipartRequest?: boolean) => Promise<ResponseType<T>>;
-export declare const put: <T = any, K = object>(url: string, data: K, options?: APIOptions) => Promise<ResponseType<T>>;
-export declare const patch: <T = any, K = object>(url: string, data: K, options?: APIOptions) => Promise<ResponseType<T>>;
-export declare const get: <T = any>(url: string, options?: APIOptions) => Promise<ResponseType<T>>;
-export declare const trash: <T = any, K = object>(url: string, data?: K, options?: APIOptions) => Promise<ResponseType<T>>;
+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: (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;
@@ -99,7 +98,7 @@ interface ConditionDetails {
     conditionType: ConditionType;
     conditionalValue: string;
 }
-export interface InlineStepDetailType {
+interface InlineStepDetailType {
     scriptType: ScriptType;
     isMountCustomScript?: boolean;
     script?: string;
@@ -118,8 +117,6 @@ export interface InlineStepDetailType {
     inputVariables?: VariableType[];
     outputVariables?: VariableType[];
     conditionDetails: ConditionDetails[];
-    storeScriptAt?: string;
-    mountCodeToContainerPath?: string;
 }
 interface PluginRefStepDetailType {
     id: number;

package/dist/Common/Constants.d.ts

@@ -81,7 +81,6 @@ export declare const ROUTES: {
     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",
@@ -271,4 +270,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/Header/types.d.ts

@@ -1,4 +1,3 @@
-import { ModuleStatus } from '../../types';
 import { ResponseType, TippyCustomizedProps } from '../../../Common';
 
 export declare enum InstallationType {
@@ -6,6 +5,18 @@ export declare enum InstallationType {
     OSS_HELM = "oss_helm",
     ENTERPRISE = "enterprise"
 }
+export declare enum ModuleStatus {
+    HEALTHY = "healthy",
+    NONE = "none",
+    UNKNOWN = "unknown",
+    UPGRADING = "upgrading",
+    UPGRADE_FAILED = "upgradeFailed",
+    INSTALLED = "installed",
+    INSTALLING = "installing",
+    INSTALL_FAILED = "installFailed",
+    NOT_INSTALLED = "notInstalled",
+    TIMEOUT = "timeout"
+}
 export interface PageHeaderType {
     headerName?: string;
     showTabs?: boolean;

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, signal, shouldShowError, }: PluginDetailServiceParamsType) => Promise<Pick<GetPluginStoreDataReturnType, 'pluginStore'>>;
+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

@@ -8,13 +8,9 @@ export declare enum PluginCreationType {
     SHARED = "SHARED",
     PRESET = "PRESET"
 }
-export interface PluginAPIBaseQueryParamsType {
+export interface GetPluginTagsPayloadType {
     appId: number;
 }
-export interface GetPluginTagsPayloadType extends PluginAPIBaseQueryParamsType {
-}
-export interface GetParentPluginListPayloadType extends PluginAPIBaseQueryParamsType {
-}
 export interface PluginTagNamesDTO {
     tagNames: string[];
 }
@@ -49,9 +45,6 @@ export interface ParentPluginDTO {
     type: PluginCreationType;
     icon: string;
     pluginVersions: PluginVersionsDTO;
-    pluginIdentifier: string;
-}
-export interface MinParentPluginDTO extends Pick<ParentPluginDTO, 'id' | 'name' | 'icon'> {
 }
 export interface PluginDetailDTO {
     parentPlugins: ParentPluginDTO[];
@@ -65,7 +58,6 @@ export interface PluginDetailServiceParamsType {
      * @default true
      */
     shouldShowError?: boolean;
-    signal?: AbortSignal;
 }
 export interface PluginDetailPayloadType extends Pick<PluginDetailServiceParamsType, 'appId'> {
     pluginId?: PluginDetailServiceParamsType['pluginIds'];
@@ -74,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/FilterSelectPicker.d.ts

@@ -0,0 +1,4 @@
+import { FilterSelectPickerProps } from './type';
+
+declare const FilterSelectPicker: ({ appliedFilterOptions, handleApplyFilter, options, ...props }: FilterSelectPickerProps) => JSX.Element;
+export default FilterSelectPicker;

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

@@ -80,6 +80,60 @@ 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: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, optionListError, reloadOptionList, ...props }: SelectPickerProps) => JSX.Element;
+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;
 export default SelectPicker;

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

@@ -1,10 +1,13 @@
-import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps } from 'react-select';
-import { SelectPickerOptionType, SelectPickerProps } from './type';
+import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps, MultiValueRemoveProps, MultiValueProps } from 'react-select';
+import { SelectPickerGroupHeadingProps, 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 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 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;
+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;

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

@@ -1,2 +1,4 @@
 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,10 @@
-import { ServerErrors } from '../../../Common/ServerError';
 import { OptionType } from '../../../Common/Types';
 import { ComponentSizeType } from '../../constants';
-import { ReactElement, ReactNode } from 'react';
-import { Props as ReactSelectProps } from 'react-select';
+import { MutableRefObject, ReactElement, ReactNode } from 'react';
+import { GroupBase, GroupHeadingProps, Props as ReactSelectProps, SelectInstance } from 'react-select';
+import { CreatableProps } from 'react-select/creatable';
 
-export interface SelectPickerOptionType extends OptionType<number | string, ReactNode> {
+export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, ReactNode> {
     /**
      * Description to be displayed for the option
      */
@@ -18,8 +18,12 @@ 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 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'>> & {
     /**
      * Icon to be rendered in the control
      */
@@ -72,12 +76,84 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      */
     menuSize?: ComponentSizeType;
     /**
-     * If truthy, would show generic section error state as no options message
+     * 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
      */
-    optionListError?: ServerErrors;
+    shouldMenuAlignRight?: boolean;
     /**
-     * Would reload the option list when called in case optionListError is present
+     * 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
      */
-    reloadOptionList?: () => void;
+    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,4 +1,15 @@
-import { StylesConfig } from 'react-select';
+import { CHECKBOX_VALUE } from '../../../Common/Types';
+import { GroupBase, MultiValue, OptionsOrGroups, StylesConfig } from 'react-select';
 import { SelectPickerOptionType, SelectPickerProps } from './type';
 
-export declare const getCommonSelectStyle: ({ error, size, menuSize, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize'>) => StylesConfig<SelectPickerOptionType>;
+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>;

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

@@ -388,7 +388,6 @@ export declare enum ComponentSizeType {
     medium = "medium",
     large = "large"
 }
-export declare const POP_UP_MENU_MODAL_ID = "popup";
 /**
  * Identifiers for grouped / all resources
  */

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,13 +28,3 @@ export declare const validateUniqueKeys: (keys: string[]) => {
     isValid: boolean;
     message: string;
 };
-/**
- * Rules for valid semantic version:
- * 1. version.length < 128 and not empty
- * 2. version should follow semantic versioning regex from https://semver.org/
- */
-export declare const validateSemanticVersioning: (version: string) => ValidationResponseType;
-/**
- * A valid display name should be between 3 and 50 characters
- */
-export declare const validateDisplayName: (name: string) => ValidationResponseType;