@devtron-labs/devtron-fe-common-lib 0.2.9-beta-2 → 0.2.10

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
      */
@@ -20,10 +19,10 @@ export interface SelectPickerOptionType<OptionValue = string | number> extends O
 }
 export declare enum SelectPickerVariantType {
     DEFAULT = "default",
-    BORDER_LESS = "border-less"
+    BORDERLESS = "borderless"
 }
-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'>> & {
+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
      */
@@ -35,7 +34,7 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
     /**
      * Render function for the footer at the bottom of menu list. It is sticky by default
      */
-    renderMenuListFooter?: (selectedOptions: SelectProps<OptionValue, IsMulti>['value']) => ReactNode;
+    renderMenuListFooter?: () => ReactNode;
     /**
      * Info text for the select, if any
      */
@@ -51,10 +50,6 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
      * @default 'true'
      */
     showSelectedOptionIcon?: boolean;
-    /**
-     * Custom selected options count for use cases like filters
-     */
-    customSelectedOptionsCount?: number;
     /**
      * Height of the dropdown
      *
@@ -91,73 +86,5 @@ export type SelectPickerProps<OptionValue = number | string, IsMulti extends boo
      * @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,9 +1,7 @@
-import { CHECKBOX_VALUE } from '../../../Common/Types';
-import { GroupBase, MultiValue, OptionsOrGroups, StylesConfig } from 'react-select';
+import { GroupBase, 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" | "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;
+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.
  *
@@ -12,4 +10,4 @@ export declare const getGroupCheckboxValue: <OptionValue>(groupHeadingOptions: r
  * @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: OptionValue, defaultOption?: SelectPickerOptionType<OptionValue>) => SelectPickerOptionType<OptionValue>;
+export declare const getSelectPickerOptionByValue: (optionsList: OptionsOrGroups<SelectPickerOptionType, GroupBase<SelectPickerOptionType>>, value: string | number, defaultOption?: SelectPickerOptionType) => SelectPickerOptionType;

package/dist/Shared/Helpers.d.ts

@@ -25,6 +25,7 @@ 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;

package/dist/Shared/validations.d.ts

@@ -31,3 +31,4 @@ export declare const validateUniqueKeys: (keys: string[]) => {
     isValid: boolean;
     message: string;
 };
+export declare const validateJSON: (json: string) => ValidationResponseType;

package/dist/{cssMode-f51aca0f.js → cssMode-c662d6e3.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-bf859529.js";
+import { m as Ne } from "./index-c1965425.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{freemarker2-ffaae3eb.js → freemarker2-aa7e1cef.js}

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

package/dist/{handlebars-f016e02f.js → handlebars-4c137fcc.js}

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

package/dist/{html-b053da28.js → html-7d035382.js}

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

package/dist/{htmlMode-bfa76cea.js → htmlMode-62a2295e.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-bf859529.js";
+import { m as Qe } from "./index-c1965425.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)