@devtron-labs/devtron-fe-common-lib 0.2.5-beta-2 → 0.2.6-beta-1

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

@@ -36,29 +36,6 @@ export interface KeyValueConfig<K extends string> {
     /** An array of key-value rows. */
     rows: KeyValueRow<K>[];
 }
-type ErrorUIProps = {
-    /**
-     * Indicates whether to show errors.
-     */
-    showError: true;
-    /**
-     * @default - false
-     * If true, would validate for duplicate keys and if present would show error tooltip on the cell.
-     */
-    validateDuplicateKeys?: boolean;
-    /**
-     * @default - false
-     * If true, would validate for rows having values but no key and if error would show error tooltip on the cell.
-     */
-    validateEmptyKeys?: boolean;
-} | {
-    /**
-     * Indicates whether to show errors.
-     */
-    showError?: false;
-    validateDuplicateKeys?: never;
-    validateEmptyKeys?: never;
-};
 /**
  * Type representing a mask for key-value pairs.
  * @template K - A string representing the key type.
@@ -73,7 +50,7 @@ export type KeyValuePlaceholder<K extends string> = {
  * Interface representing the properties for a key-value table component.
  * @template K - A string representing the key type.
  */
-export type KeyValueTableProps<K extends string> = {
+export interface KeyValueTableProps<K extends string> {
     /** The configuration for the key-value table. */
     config: KeyValueConfig<K>;
     /** An optional mask for the key-value pairs. */
@@ -83,10 +60,8 @@ export type KeyValueTableProps<K extends string> = {
     isSortable?: boolean;
     /** An optional React node for a custom header component. */
     headerComponent?: ReactNode;
-    /** When true, data addition field will not be shown. */
+    /** When true, data addition field will not be shown */
     isAdditionNotAllowed?: boolean;
-    /** When true, data add or update is disabled. */
-    readOnly?: boolean;
     /**
      * An optional function to handle changes in the table rows.
      * @param rowId - The id of the row that changed.
@@ -99,23 +74,4 @@ export type KeyValueTableProps<K extends string> = {
      * @param deletedRowIndex - The index of the row that was deleted.
      */
     onDelete?: (deletedRowId: string | number) => void;
-    /**
-     * The function to use to validate the value of the cell.
-     * @param value - The value to validate.
-     * @param key - The row key of the value.
-     * @param rowId - The id of the row.
-     * @returns Return true if the value is valid, otherwise false
-     * and set `showError` to `true` and provide errorMessages array to show error message.
-     */
-    validationSchema?: (value: string, key: K, rowId: string | number) => boolean;
-    /**
-     * An array of error messages to be displayed in the cell error tooltip.
-     */
-    errorMessages?: string[];
-    /**
-     * A callback function called when an error occurs.
-     * @param errorState - The error state, true when any cell has error, otherwise false.
-     */
-    onError?: (errorState: boolean) => void;
-} & ErrorUIProps;
-export {};
+}

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

@@ -0,0 +1,4 @@
+import { ScannedObjectBarProps } from './types';
+
+declare const ScannedObjectBar: ({ criticalVulnerabilitiesCount, moderateVulnerabilitiesCount, lowVulnerabilitiesCount, objectBarClassName, removeObjectCountMargin, }: ScannedObjectBarProps) => JSX.Element;
+export default ScannedObjectBar;

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

@@ -0,0 +1 @@
+export { default as ScannedObjectBar } from './ScannedObjectBar';

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

@@ -0,0 +1,7 @@
+export interface ScannedObjectBarProps {
+    criticalVulnerabilitiesCount: number;
+    moderateVulnerabilitiesCount: number;
+    lowVulnerabilitiesCount: number;
+    objectBarClassName?: string;
+    removeObjectCountMargin?: boolean;
+}

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

@@ -81,5 +81,5 @@ import { SelectPickerProps } from './type';
  * <SelectPicker ... showSelectedOptionsCount />
  * ```
  */
-declare const SelectPicker: ({ error, icon, renderMenuListFooter, helperText, placeholder, label, showSelectedOptionIcon, size, disabledTippyContent, showSelectedOptionsCount, menuSize, variant, ...props }: SelectPickerProps) => 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

@@ -6,5 +6,5 @@ export declare const SelectPickerClearIndicator: (props: ClearIndicatorProps<Sel
 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: ({ disableDescriptionEllipsis }: SelectPickerProps) => (props: OptionProps<SelectPickerOptionType>) => 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,3 +1,2 @@
 export { default as SelectPicker } from './SelectPicker.component';
 export * from './type';
-export { getSelectPickerOptionByValue } from './utils';

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

@@ -17,10 +17,6 @@ export interface SelectPickerOptionType extends OptionType<number | string, Reac
      */
     endIcon?: ReactElement;
 }
-export declare enum SelectPickerVariantType {
-    DEFAULT = "default",
-    BORDERLESS = "borderless"
-}
 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'>> {
     /**
@@ -74,17 +70,5 @@ export interface SelectPickerProps extends Pick<SelectProps, 'options' | 'value'
      * @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;
 }
 export {};

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

@@ -1,13 +1,4 @@
-import { GroupBase, OptionsOrGroups, StylesConfig } from 'react-select';
+import { StylesConfig } from 'react-select';
 import { SelectPickerOptionType, SelectPickerProps } from './type';
 
-export declare const getCommonSelectStyle: ({ error, size, menuSize, variant, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize' | 'variant'>) => StylesConfig<SelectPickerOptionType>;
-/**
- * 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: (optionsList: OptionsOrGroups<SelectPickerOptionType, GroupBase<SelectPickerOptionType>>, value: string | number, defaultOption?: SelectPickerOptionType) => SelectPickerOptionType;
+export declare const getCommonSelectStyle: ({ error, size, menuSize, }: Pick<SelectPickerProps, 'error' | 'size' | 'menuSize'>) => StylesConfig<SelectPickerOptionType>;

package/dist/Shared/Components/SelectPickerCustom/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/SelectPickerCustom/SelectPicker.component.d.ts

@@ -0,0 +1,139 @@
+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 />
+ * ```
+ * @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, customSelectedOptionsCount, ...props }: SelectPickerProps<OptionValue, IsMulti>) => JSX.Element;
+export default SelectPicker;

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

@@ -0,0 +1,13 @@
+import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps, MultiValueRemoveProps, MultiValueProps } from 'react-select';
+import { SelectPickerGroupHeadingProps, 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, customSelectedOptionsCount, ...props }: ValueContainerProps<SelectPickerOptionType<OptionValue>, boolean, import('react-select').GroupBase<SelectPickerOptionType<OptionValue>>> & Pick<SelectPickerProps<OptionValue, IsMulti>, "showSelectedOptionsCount" | "customSelectedOptionsCount">) => 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;

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

@@ -0,0 +1,3 @@
+export { default as SelectPickerCustom } from './SelectPicker.component';
+export { default as FilterSelectPickerCustom } from './FilterSelectPicker';
+export type { SelectPickerOptionType as SelectPickerCustomOptionType, SelectPickerVariantType as SelectPickerCustomVariantType, SelectPickerProps as SelectPickerCustomProps, FilterSelectPickerProps as FilterSelectPickerCustomProps, } from './type';

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

@@ -0,0 +1,163 @@
+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';
+
+export interface SelectPickerOptionType<OptionValue = string | number> extends OptionType<OptionValue, 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;
+}
+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
+     */
+    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?: (selectedOptions: SelectProps<OptionValue, IsMulti>['value']) => 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;
+    /**
+     * Custom selected options count for use cases like filters
+     */
+    customSelectedOptionsCount?: number;
+    /**
+     * 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;
+    /**
+     * 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: SelectPickerOptionType[];
+    handleApplyFilter: (filtersToApply: SelectPickerOptionType<number | string>[]) => void;
+}
+export {};

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

@@ -0,0 +1,15 @@
+import { CHECKBOX_VALUE } from '../../../Common/Types';
+import { GroupBase, MultiValue, OptionsOrGroups, 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" | "menuSize" | "shouldMenuAlignRight" | "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/Vulnerabilities/utils.d.ts

@@ -1,5 +1,4 @@
 import { LastExecutionResponseType, LastExecutionResultType } from '../../types';
 
-export declare const getSortedVulnerabilities: (vulnerabilities: any) => any;
 export declare const getParsedScanResult: (scanResult: any) => LastExecutionResultType;
 export declare const parseLastExecutionResponse: (response: any) => LastExecutionResponseType;

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

@@ -10,6 +10,7 @@ export * from './FilterChips';
 export * from './ActivityIndicator';
 export * from './GenericSectionErrorState';
 export * from './KeyValueList';
+export * from './ScannedObjectBar';
 export * from './InfoIconTippy';
 export * from './EditableTextArea';
 export * from './Header';
@@ -32,8 +33,5 @@ export * from './IframeContainer';
 export * from './Plugin';
 export * from './KeyValueTable';
 export * from './SelectPicker';
-export * from './CollapsibleList';
-export * from './DeploymentConfigDiff';
 export * from './DetectBottom';
-export * from './Collapse';
-export * from './FilterButton';
+export * from './SelectPickerCustom';

package/dist/Shared/Helpers.d.ts

@@ -1,5 +1,4 @@
 import { ReactElement } from 'react';
-import { Pair } from 'yaml';
 import { MaterialInfo, SortingOrder } from '../Common';
 import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
@@ -25,8 +24,8 @@ export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[])
 export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
 export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;
 export declare const numberComparatorBySortOrder: (a: number, b: number, sortOrder?: SortingOrder) => number;
+export declare function versionComparatorBySortOrder(a: Record<string, any>, b: Record<string, any>, compareKey: string, orderBy: SortingOrder): any;
 export declare const getWebhookEventIcon: (eventName: WebhookEventNameType) => JSX.Element;
-export declare const yamlComparatorBySortOrder: (a: Pair, b: Pair, sortOrder?: SortingOrder) => number;
 export declare const useIntersection: (target: React.RefObject<Element> | Element | null, options?: IntersectionOptions, callback?: IntersectionChangeHandler) => boolean;
 export declare const isNullOrUndefined: (value: unknown) => boolean;
 export declare const handleDisableSubmitOnEnter: (event: React.KeyboardEvent<HTMLFormElement>) => void;

package/dist/Shared/Services/app.service.d.ts

@@ -1,9 +1,7 @@
-import { ResponseType } from '../../Common';
-import { CIMaterialInfoType, GetCITriggerInfoParamsType, AppEnvDeploymentConfigDTO, AppEnvDeploymentConfigPayloadType } from './app.types';
+import { CIMaterialInfoType, GetCITriggerInfoParamsType } from './app.types';
 
 export declare const getCITriggerInfo: (params: GetCITriggerInfoParamsType) => Promise<CIMaterialInfoType>;
 /**
  * The only difference between this and getCITriggerInfo is it doesn't have env and trigger related meta info
  */
 export declare const getArtifactInfo: (params: Pick<GetCITriggerInfoParamsType, 'ciArtifactId'>) => Promise<CIMaterialInfoType>;
-export declare const getAppEnvDeploymentConfig: (params: AppEnvDeploymentConfigPayloadType, signal?: AbortSignal) => Promise<ResponseType<AppEnvDeploymentConfigDTO>>;