@devtron-labs/devtron-fe-common-lib 1.10.15 → 1.10.16-beta-2

package/dist/{@common-rjsf-CyUXFGL0.js → @common-rjsf-BpO7Uh9_.js}

@@ -1,7 +1,7 @@
 import { j as n, au as y, aw as k, av as W } from "./@vendor-DZHtXPTX.js";
 import V, { forwardRef as J, useMemo as P } from "react";
 import K, { getDefaultRegistry as q } from "@rjsf/core";
-import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-BlW2glPL.js";
+import { T as F, j as N, c as v, b as S, a as Y, i as z, d as w, e as E, S as G } from "./@code-editor-BPAbtV3J.js";
 import Q, { components as D } from "react-select";
 import { ReactComponent as X } from "./assets/ic-chevron-down.fc70d7a7.svg";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as Z, ADDITIONAL_PROPERTY_FLAG as L, errorId as ee, englishStringTranslator as te, TranslatableString as ne, titleId as re, canExpand as se, deepEquals as ae } from "@rjsf/utils";

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

@@ -8,6 +8,10 @@ export type SegmentType = Pick<SelectPickerOptionType, 'value'> & {
      * If true, the segment will be in error state with error icon
      */
     isError?: boolean;
+    /**
+     * If true, the segment will be in disabled state
+     */
+    isDisabled?: boolean;
 } & (({
     /**
      * Label for the segment

package/dist/Common/Toggle/Toggle.d.ts

@@ -1,4 +1,4 @@
-declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, ...props }: {
+declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dataTestId, Icon, iconClass, throttleOnChange, shouldToggleValueOnLabelClick, isLoading, ...props }: {
     [x: string]: any;
     selected?: boolean;
     onSelect?: any;
@@ -10,5 +10,6 @@ declare const Toggle: ({ selected, onSelect, color, rootClassName, disabled, dat
     iconClass?: string;
     throttleOnChange?: boolean;
     shouldToggleValueOnLabelClick?: boolean;
+    isLoading?: boolean;
 }) => JSX.Element;
 export default Toggle;

package/dist/Common/Types.d.ts

@@ -349,6 +349,7 @@ export interface ApprovalConfigDataType extends Pick<UserApprovalInfo, 'currentC
             groupName: UserGroupDTO['name'];
         })[];
     };
+    isExceptionUser: boolean;
 }
 export declare enum ApprovalRuntimeStateType {
     init = 0,

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

@@ -0,0 +1,3 @@
+import { ActionMenuProps } from './types';
+declare const ActionMenu: ({ options, disableDescriptionEllipsis, children, onClick }: ActionMenuProps) => JSX.Element;
+export default ActionMenu;

package/dist/Shared/Components/ActionMenu/ActionMenuOption.d.ts

@@ -0,0 +1,3 @@
+import { ActionMenuOptionProps } from './types';
+declare const ActionMenuOption: ({ option, onClick, disableDescriptionEllipsis }: ActionMenuOptionProps) => JSX.Element;
+export default ActionMenuOption;

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

@@ -0,0 +1,2 @@
+export { default as ActionMenu } from './ActionMenu.component';
+export type { ActionMenuProps } from './types';

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

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { GroupBase, OptionsOrGroups } from 'react-select';
+import { SelectPickerOptionType, SelectPickerProps } from '../SelectPicker';
+type ActionMenuOptionType = SelectPickerOptionType & {
+    isDisabled?: boolean;
+    /**
+     * @default 'neutral'
+     */
+    type?: 'neutral' | 'negative';
+};
+export interface ActionMenuProps extends Pick<SelectPickerProps, 'disableDescriptionEllipsis'> {
+    children: ReactElement;
+    options: OptionsOrGroups<ActionMenuOptionType, GroupBase<ActionMenuOptionType>>;
+    onClick: (option: SelectPickerOptionType) => void;
+}
+export interface ActionMenuOptionProps extends Pick<ActionMenuProps, 'onClick' | 'disableDescriptionEllipsis'> {
+    option: ActionMenuOptionType;
+}
+export {};

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

@@ -4,3 +4,4 @@ export { ForceDeleteConfirmationModal } from './ForceDeleteConfirmationModal';
 export { CannotDeleteModal } from './CannotDeleteModal';
 export { ConfirmationModalVariantType, type ConfirmationModalProps } from './types';
 export { ConfirmationModalProvider } from './ConfirmationModalContext';
+export { getConfirmationLabel } from './utils';

package/dist/Shared/Components/FramerComponents/MotionDiv.d.ts

@@ -0,0 +1,2 @@
+import { HTMLMotionProps } from 'framer-motion';
+export declare const MotionDiv: (props: HTMLMotionProps<"div">) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { AnimatePresence } from 'framer-motion';
+export * from './MotionDiv';
+export { AnimatePresence };

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

@@ -6,6 +6,7 @@ export declare const iconMap: {
     'ic-apica': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-app-group': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-arrows-left-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ather': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -19,10 +20,12 @@ export declare const iconMap: {
     'ic-caret-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cd': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-chat-circle-dots': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-linked': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ci-webhook': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-circle-loader': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-clock': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-close-large': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-close-small': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-code': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-container': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -30,6 +33,7 @@ export declare const iconMap: {
     'ic-copy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-crown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-cube': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-delete-lightning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-delhivery': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-devtron-header-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -39,6 +43,7 @@ export declare const iconMap: {
     'ic-env': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-error': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-failure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-folder-user': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-gear': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-git': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-github': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -59,9 +64,12 @@ export declare const iconMap: {
     'ic-job-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-k8s-job': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-ldap': 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-livspace': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-login-devtron-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-medium-delete': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-medium-paintbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-microsoft': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-missing': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -74,11 +82,16 @@ export declare const iconMap: {
     'ic-openshift': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-out-of-sync': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-paper-plane-color': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-pencil': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quay': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-quote': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-shield-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sort-ascending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sort-descending': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-sortable': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-spinny': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-stack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-stamp': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-success': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-suspended': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-tata1mg': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
@@ -87,6 +100,7 @@ export declare const iconMap: {
     'ic-travclan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-unknown': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-user-key': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-users': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-warning': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;

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

@@ -18,6 +18,6 @@ export interface IconBaseProps {
      * If `null`, the default color present in icon is used.
      * @example `'B500'`, `'N200'`, `'G50'`, `'R700'`
      */
-    color: `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50'}` | 'white' | 'black' | null;
+    color: `${'B' | 'N' | 'G' | 'Y' | 'R' | 'V' | 'O'}${`${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}00` | '50' | '0'}` | 'white' | 'black' | null;
 }
 export {};

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

@@ -1,5 +1,7 @@
 import { DropdownIndicatorProps, ControlProps, OptionProps, ClearIndicatorProps, ValueContainerProps, MenuListProps, MultiValueRemoveProps, MultiValueProps, InputProps } from 'react-select';
+import { TooltipProps } from '@Common/Tooltip/types';
 import { SelectPickerGroupHeadingProps, SelectPickerOptionType, SelectPickerProps } from './type';
+export declare const getTooltipProps: (tooltipProps?: SelectPickerOptionType["tooltipProps"]) => TooltipProps;
 export declare const SelectPickerDropdownIndicator: <OptionValue>(props: DropdownIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
 export declare const SelectPickerClearIndicator: <OptionValue>(props: ClearIndicatorProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;
 export declare const SelectPickerControl: <OptionValue>(props: ControlProps<SelectPickerOptionType<OptionValue>>) => JSX.Element;

package/dist/Shared/Components/TabGroup/TabGroup.helpers.d.ts

@@ -1,5 +1,5 @@
-import { TabProps } from './TabGroup.types';
-export declare const getTabIcon: ({ icon: Icon, showError, showWarning, className, }: Pick<TabProps, "showError" | "showWarning" | "icon"> & {
+import { TabGroupProps, TabProps } from './TabGroup.types';
+export declare const getTabIcon: ({ icon, showError, showWarning, className, size, active, }: Pick<TabProps, "showError" | "showWarning" | "icon" | "active"> & Pick<TabGroupProps, "size"> & {
     className: string;
 }) => JSX.Element;
 export declare const getTabBadge: (badge: TabProps["badge"], className: string) => JSX.Element;

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

@@ -2,6 +2,7 @@ import { LinkProps, NavLinkProps } from 'react-router-dom';
 import { ComponentSizeType } from '../../constants';
 import { DataAttributes } from '../../types';
 import { TooltipProps } from '@Common/Tooltip/types';
+import { IconName } from '../Icon';
 type TabComponentProps<TabTypeProps> = TabTypeProps & DataAttributes;
 type ConditionalTabType = {
     /**
@@ -79,10 +80,11 @@ export type TabProps = {
      */
     description?: string | string[];
     /**
-     * Icon component to be displayed in the tab.
-     * This should be a functional component that renders an SVG.
+     * Icon to be displayed in the tab.
+     * This can either be a functional component that renders a SVG
+     * or a string representing the name of the icon to be rendered by the Icon component.
      */
-    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+    icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>> | IconName;
     /**
      * Badge number to be displayed on the tab, typically for notifications.
      */

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

@@ -1,7 +1,9 @@
+import { IconsProps } from '../Icon';
 import { TabGroupProps } from './TabGroup.types';
 export declare const getClassNameBySizeMap: ({ hideTopPadding, alignActiveBorderWithContainer, }: Pick<TabGroupProps, "hideTopPadding" | "alignActiveBorderWithContainer">) => Record<TabGroupProps["size"], {
     tabClassName: string;
     iconClassName: string;
     badgeClassName: string;
 }>;
+export declare const TAB_ICON_SIZE_MAP: Record<TabGroupProps['size'], IconsProps['size']>;
 export declare const tabGroupClassMap: Record<TabGroupProps['size'], string>;

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

@@ -77,3 +77,5 @@ export * from './FlagImage';
 export * from './DevtronLicenseCard';
 export * from './LoginBanner';
 export * from './Confetti';
+export * from './FramerComponents';
+export * from './ActionMenu';

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

@@ -3,3 +3,4 @@ export * from './useGetResourceKindsOptions';
 export * from './UseDownload';
 export * from './useForm';
 export * from './useStickyEvent';
+export * from './useOneTimePrompt';

package/dist/Shared/Hooks/useForm/useForm.d.ts

@@ -57,6 +57,8 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
         shouldDirty?: boolean;
         /** A boolean indicating whether to mark the field as touched after setting the value. */
         shouldTouch?: boolean;
+        /** A boolean indicating whether to trigger validation after setting the value. */
+        triggerError?: boolean;
     }) => void;
     reset: (formData: T, resetOptions?: {
         /** A boolean indicating whether to retain the current dirty state of the form fields. */
@@ -67,8 +69,14 @@ export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
         keepErrors?: boolean;
         /** A boolean indicating whether the form should check for dirty state upon reset. */
         triggerDirty?: boolean;
+        /** A boolean indicating whether the form should check for errors upon reset. */
+        triggerError?: boolean;
         /** A boolean indicating whether the initial values of the form should be retained after reset. If false, provided formData will become initial data. */
         keepInitialValues?: boolean;
+        /** Partial initial values to override the current initial values upon reset.
+         * @note `keepInitialValues` will have no effect when this is provided.
+         */
+        formInitialValues?: Partial<T>;
     }) => void;
     /** An object representing additional form state. */
     formState: {

package/dist/Shared/Hooks/useOneTimePrompt/constants.d.ts

@@ -0,0 +1 @@
+export declare const ONE_TIME_PROMPT_LOCAL_STORAGE_KEY = "one-time-prompt-do-not-show-again";

package/dist/Shared/Hooks/useOneTimePrompt/index.d.ts

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

package/dist/Shared/Hooks/useOneTimePrompt/types.d.ts

@@ -0,0 +1,3 @@
+export interface UseOneTimePromptProps {
+    localStorageKey: string;
+}

package/dist/Shared/Hooks/useOneTimePrompt/useOneTimePrompt.d.ts

@@ -0,0 +1,6 @@
+import { UseOneTimePromptProps } from './types';
+export declare const useOneTimePrompt: ({ localStorageKey }: UseOneTimePromptProps) => {
+    showPrompt: boolean;
+    handleClose: () => void;
+    handleDoNotShowAgainClose: () => void;
+};

package/dist/Shared/types.d.ts

@@ -340,8 +340,7 @@ export declare enum CDMaterialSidebarType {
  * }
  * ```
  *
- * @example Usage with `PatchOperationType.remove`
- * Note: Value is not allowed for remove operation
+ * @example Usage with `PatchOperationType.remove` without value
  *
  * ```ts
  * const query: PatchQueryType<string> = {
@@ -349,8 +348,18 @@ export declare enum CDMaterialSidebarType {
  *  path: 'name'
  * }
  * ```
+ *
+ * @example Usage with `PatchOperationType.remove` with value
+ *
+ * ```ts
+ * const query: PatchQueryType<string, number, true> = {
+ *  op: PatchOperationType.remove,
+ *  path: 'name'
+ *  value: 1
+ * }
+ * ```
  */
-export type PatchQueryType<T extends string, K = unknown> = {
+export type PatchQueryType<T extends string, K = unknown, IsRemoveValueEnabled extends boolean = false> = {
     /**
      * The path of the json to be patched
      */
@@ -369,7 +378,7 @@ export type PatchQueryType<T extends string, K = unknown> = {
      * Operation type for patch
      */
     op: PatchOperationType.remove;
-    value?: never;
+    value?: IsRemoveValueEnabled extends true ? K : never;
 } | {
     /**
      * Operation type for add