@devtron-labs/devtron-fe-common-lib 0.2.30-beta-7 → 0.2.30-beta-8

package/dist/Common/ToastBody.d.ts

@@ -20,4 +20,4 @@ export declare class ToastBodyWithButton extends React.Component<{
 }> {
     render(): JSX.Element;
 }
-export declare const toastAccessDenied: (title?: string, subtitle?: string) => React.ReactText;
+export declare const toastAccessDenied: (title?: string, subtitle?: string) => import('react-toastify').Id;

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

@@ -57,6 +57,11 @@ import { ButtonProps } from './types';
  * ```tsx
  * <Button component={ButtonComponentType.link} linkProps={{ to: '#' }} />
  * ```
+ *
+ * @example Icon button
+ * ```tsx
+ * <Button icon={<ICCube />} ariaLabel="Label" />
+ * ```
  */
-declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, ...props }: ButtonProps) => JSX.Element;
+declare const Button: ({ dataTestId, text, variant, size, style, startIcon, endIcon, disabled, isLoading, showTooltip, tooltipProps, icon, ariaLabel, ...props }: ButtonProps) => JSX.Element;
 export default Button;

package/dist/Shared/Components/Button/constants.d.ts

@@ -1,5 +1,6 @@
 import { ProgressingProps } from '../../../Common/Types';
 import { ButtonProps } from './types';
 export declare const BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
-export declare const BUTTON_SIZE_TO_ICON_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
-export declare const BUTTON_SIZE_TO_LOADER_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
+export declare const ICON_BUTTON_SIZE_TO_CLASS_NAME_MAP: Record<ButtonProps['size'], string>;
+export declare const BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;
+export declare const ICON_BUTTON_SIZE_TO_ICON_SIZE_MAP: Record<ButtonProps['size'], ProgressingProps['size']>;

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

@@ -11,6 +11,7 @@ export declare enum ButtonVariantType {
 export declare enum ButtonStyleType {
     default = "default",
     negative = "negative",
+    negativeGrey = "negative-grey",
     positive = "positive",
     warning = "warning",
     neutral = "neutral"
@@ -59,18 +60,6 @@ export type ButtonProps = ({
      * @default ButtonStyleType.default
      */
     style?: ButtonStyleType;
-    /**
-     * Text to be displayed in the button
-     */
-    text: string;
-    /**
-     * If provided, icon to be displayed at the start of the button
-     */
-    startIcon?: ReactElement;
-    /**
-     * If provided, icon to be displayed at the end of the button
-     */
-    endIcon?: ReactElement;
     /**
      * If true, the loading state is shown for the button with disabled
      */
@@ -97,4 +86,32 @@ export type ButtonProps = ({
 } | {
     showTooltip?: never;
     tooltipProps?: never;
+}) & ({
+    icon?: never;
+    ariaLabel?: never;
+    /**
+     * Text to be displayed in the button
+     */
+    text: string;
+    /**
+     * If provided, icon to be displayed at the start of the button
+     */
+    startIcon?: ReactElement;
+    /**
+     * If provided, icon to be displayed at the end of the button
+     */
+    endIcon?: ReactElement;
+} | {
+    /**
+     * If provided, icon button is rendered
+     */
+    icon: ReactElement;
+    /**
+     * Label for the icon button for accessibility.
+     * Shown on hover in tooltip if tippy is not provided explicitly
+     */
+    ariaLabel: string;
+    text?: never;
+    startIcon?: never;
+    endIcon?: never;
 });

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

@@ -1,2 +1,4 @@
 import { ButtonProps } from './types';
-export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, }: Pick<ButtonProps, "variant" | "size" | "style" | "isLoading">) => string;
+export declare const getButtonIconClassName: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => string;
+export declare const getButtonLoaderSize: ({ size, icon }: Pick<ButtonProps, "size" | "icon">) => number;
+export declare const getButtonDerivedClass: ({ size, variant, style, isLoading, icon, }: Pick<ButtonProps, "variant" | "size" | "style" | "isLoading" | "icon">) => string;

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

@@ -1,2 +1,2 @@
-import { DeploymentConfigDiffProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, tabConfig, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;
+import { DeploymentConfigDiffProps } from './types';
+export declare const DeploymentConfigDiff: ({ isLoading, configList, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, ...resProps }: DeploymentConfigDiffProps) => JSX.Element;

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

@@ -1,5 +1,6 @@
-import { AppEnvDeploymentConfigListParams, DeploymentConfigDiffProps } from '..';
-import { ConfigMapSecretDataConfigDatumDTO, TemplateListDTO } from '../../Services/app.types';
+import { SortingOrder } from '../../../Common/Constants';
+import { DeploymentConfigDiffProps } from '..';
+import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, EnvResourceType, TemplateListDTO } from '../../Services/app.types';
 /**
  * Retrieves the draft data from the given configuration data object.
  *
@@ -18,16 +19,14 @@ export declare const mergeConfigDataArraysByName: (primaryArray: ConfigMapSecret
 /**
  * Generates a list of deployment configurations for application environments and identifies changes between the current and compare lists.
  *
- * @param params - An object containing the following properties:
- * @param params.currentList - The current deployment configuration list.
- * @param params.compareList - The deployment configuration list to compare against.
- * @param params.getNavItemHref - A function to generate navigation item URLs based on the resource type and resource name.
- * @param params.isManifestView - A boolean that, when true, modifies the output for a manifest view.
- * @param params.sortOrder - (Optional) The order in which to sort the deployment templates.
+ * @param currentList - The current deployment configuration list.
+ * @param compareList - The deployment configuration list to compare against.
+ * @param getNavItemHref - A function to generate navigation item URLs based on the resource type and resource name.
+ * @param sortOrder - (Optional) The order in which to sort the deployment templates.
  *
  * @returns An object containing the combined deployment configuration list, a collapsible navigation list, and a navigation list.
  */
-export declare const getAppEnvDeploymentConfigList: <ManifestView extends boolean = false>({ currentList, compareList, getNavItemHref, isManifestView, sortOrder, }: AppEnvDeploymentConfigListParams<ManifestView>) => {
+export declare const getAppEnvDeploymentConfigList: (currentList: AppEnvDeploymentConfigDTO, compareList: AppEnvDeploymentConfigDTO, getNavItemHref: (resourceType: EnvResourceType, resourceName: string) => string, sortOrder?: SortingOrder) => {
     configList: DeploymentConfigDiffProps["configList"];
     navList: DeploymentConfigDiffProps["navList"];
     collapsibleNavList: DeploymentConfigDiffProps["collapsibleNavList"];

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffAccordion.d.ts

@@ -1,2 +1,2 @@
-import { DeploymentConfigDiffAccordionProps } from './DeploymentConfigDiff.types';
+import { DeploymentConfigDiffAccordionProps } from './types';
 export declare const DeploymentConfigDiffAccordion: import('react').ForwardRefExoticComponent<DeploymentConfigDiffAccordionProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffMain.d.ts

@@ -1,2 +1,2 @@
-import { DeploymentConfigDiffMainProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffMain: ({ isLoading, errorConfig, headerText, configList, selectorsConfig, sortingConfig, scrollIntoViewId, }: DeploymentConfigDiffMainProps) => JSX.Element;
+import { DeploymentConfigDiffMainProps } from './types';
+export declare const DeploymentConfigDiffMain: ({ isLoading, headerText, configList, selectorsConfig, sortingConfig, scrollIntoViewId, }: DeploymentConfigDiffMainProps) => JSX.Element;

package/dist/Shared/Components/DeploymentConfigDiff/DeploymentConfigDiffNavigation.d.ts

@@ -1,2 +1,2 @@
-import { DeploymentConfigDiffNavigationProps } from './DeploymentConfigDiff.types';
-export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, tabConfig, }: DeploymentConfigDiffNavigationProps) => JSX.Element;
+import { DeploymentConfigDiffNavigationProps } from './types';
+export declare const DeploymentConfigDiffNavigation: ({ isLoading, collapsibleNavList, navList, goBackURL, navHeading, navHelpText, }: DeploymentConfigDiffNavigationProps) => JSX.Element;

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

@@ -1,3 +1,3 @@
 export * from './DeploymentConfigDiff.component';
-export * from './DeploymentConfigDiff.types';
+export * from './types';
 export * from './DeploymentConfigDiff.utils';

package/dist/Shared/Components/DeploymentConfigDiff/{DeploymentConfigDiff.types.d.ts → types.d.ts}

@@ -1,5 +1,5 @@
 import { SortingOrder } from '../../../Common/Constants';
-import { AppEnvDeploymentConfigDTO, ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, EnvResourceType, ManifestTemplateDTO } from '../../Services';
+import { ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO } from '../../Services';
 import { DeploymentHistoryDetail } from '../CICDHistory';
 import { CollapsibleListConfig, CollapsibleListItem } from '../CollapsibleList';
 import { SelectPickerProps } from '../SelectPicker';
@@ -35,11 +35,6 @@ export interface DeploymentConfigDiffNavigationCollapsibleItem extends Pick<Coll
 }
 export interface DeploymentConfigDiffProps {
     isLoading?: boolean;
-    errorConfig?: {
-        error: boolean;
-        code: number;
-        reload: () => void;
-    };
     configList: DeploymentConfigListItem[];
     headerText?: string;
     scrollIntoViewId?: string;
@@ -57,15 +52,10 @@ export interface DeploymentConfigDiffProps {
     goBackURL?: string;
     navHeading: string;
     navHelpText?: string;
-    tabConfig?: {
-        tabs: string[];
-        activeTab: string;
-        onClick: (tab: string) => void;
-    };
 }
-export interface DeploymentConfigDiffNavigationProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'navList' | 'collapsibleNavList' | 'goBackURL' | 'navHeading' | 'navHelpText' | 'tabConfig'> {
+export interface DeploymentConfigDiffNavigationProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'navList' | 'collapsibleNavList' | 'goBackURL' | 'navHeading' | 'navHelpText'> {
 }
-export interface DeploymentConfigDiffMainProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'errorConfig' | 'headerText' | 'configList' | 'scrollIntoViewId' | 'selectorsConfig' | 'sortingConfig'> {
+export interface DeploymentConfigDiffMainProps extends Pick<DeploymentConfigDiffProps, 'isLoading' | 'headerText' | 'configList' | 'scrollIntoViewId' | 'selectorsConfig' | 'sortingConfig'> {
 }
 export interface DeploymentConfigDiffAccordionProps extends Pick<CollapseProps, 'onTransitionEnd'> {
     id: string;
@@ -76,15 +66,3 @@ export interface DeploymentConfigDiffAccordionProps extends Pick<CollapseProps,
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 }
 export type DiffHeadingDataType<DeploymentTemplate> = DeploymentTemplate extends true ? DeploymentTemplateDTO : ConfigMapSecretDataConfigDatumDTO;
-export type AppEnvDeploymentConfigListParams<IsManifestView> = (IsManifestView extends true ? {
-    currentList: ManifestTemplateDTO;
-    compareList: ManifestTemplateDTO;
-    sortOrder?: never;
-} : {
-    currentList: AppEnvDeploymentConfigDTO;
-    compareList: AppEnvDeploymentConfigDTO;
-    sortOrder?: SortingOrder;
-}) & {
-    getNavItemHref: (resourceType: EnvResourceType, resourceName: string) => string;
-    isManifestView?: IsManifestView;
-};

package/dist/Shared/Services/ToastManager/ToastContent.d.ts

@@ -0,0 +1,2 @@
+import { ToastProps } from './types';
+export declare const ToastContent: ({ title, description, buttonProps, }: Pick<ToastProps, "title" | "description" | "buttonProps">) => JSX.Element;

package/dist/Shared/Services/ToastManager/constants.d.ts

@@ -0,0 +1,4 @@
+import { ToastOptions, ToastContainerProps } from 'react-toastify';
+import { ToastProps, ToastVariantType } from './types';
+export declare const TOAST_BASE_CONFIG: ToastContainerProps;
+export declare const TOAST_VARIANT_TO_CONFIG_MAP: Record<ToastVariantType, Required<Pick<ToastProps, 'icon' | 'title' | 'progressBarBg'>> & Pick<ToastOptions, 'type'>>;

package/dist/Shared/Services/ToastManager/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ToastManager, ToastManagerContainer } from './toastManager.service';
+export { ToastVariantType } from './types';
+export type { ToastProps } from './types';

package/dist/Shared/Services/ToastManager/toastManager.service.d.ts

@@ -0,0 +1,69 @@
+import { ToastOptions } from 'react-toastify';
+import { ToastProps } from './types';
+/**
+ * Service for handling toast across the application
+ *
+ * Note: The application needs to have `ToastManagerContainer` at the root
+ * level for the toast to work
+ *
+ * @example Default Usage
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum'
+ * })
+ * ```
+ *
+ * @example Custom Title
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   title: 'Toast title'
+ * })
+ * ```
+ *
+ * @example With Button
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   buttonProps: {
+ *     dataTestId: 'toast-btn',
+ *     text: 'Reload',
+ *     startIcon: <ICArrowClockwise />
+ *   }
+ * })
+ * ```
+ *
+ * @example Auto close disabled
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   toastOptions: {
+ *     autoClose: false,
+ *   },
+ * })
+ * ```
+ *
+ * @example Custom progress bar color
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   progressBarBg: 'var(--N700)',
+ * })
+ * ```
+ *
+ * @example Custom icon
+ * ```ts
+ * ToastManager.showToast({
+ *   description: 'Lorem ipsum',
+ *   icon: <ICCube />,
+ * })
+ * ```
+ */
+declare class ToastManager {
+    #private;
+    static get instance(): ToastManager;
+    showToast: ({ variant, icon: customIcon, title, description, buttonProps, progressBarBg: customProgressBarBg, }: ToastProps, options?: Pick<ToastOptions, "autoClose">) => import('react-toastify').Id;
+}
+export declare const ToastManagerContainer: () => JSX.Element;
+declare const _default: ToastManager;
+export default _default;

package/dist/Shared/Services/ToastManager/types.d.ts

@@ -0,0 +1,40 @@
+import { ButtonProps } from '../../Components';
+import { ReactElement } from 'react';
+export declare enum ToastVariantType {
+    info = "info",
+    success = "success",
+    error = "error",
+    warn = "warn",
+    notAuthorized = "notAuthorized"
+}
+export interface ToastProps {
+    /**
+     * Title for the toast
+     * If not provided, defaults to a value based on the selected variant
+     */
+    title?: string;
+    /**
+     * Description for the toast
+     */
+    description: string;
+    /**
+     * Custom icon for the toast to override the icon based on variant
+     */
+    icon?: ReactElement;
+    /**
+     * Variant for the toast
+     *
+     * @default ToastVariantType.info
+     */
+    variant?: ToastVariantType;
+    /**
+     * Props for the action button to be displayed in the toast
+     *
+     * Note: Size, variant and style are hard-coded and cannot be overriden
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * Custom progress bar color
+     */
+    progressBarBg?: string;
+}

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

@@ -197,11 +197,6 @@ export interface TemplateListDTO {
     status?: string;
     pipelineId?: number;
 }
-export interface ManifestTemplateDTO {
-    data: string;
-    resolvedData: string;
-    variableSnapshot: null;
-}
 export declare enum DraftState {
     Init = 1,
     Discarded = 2,
@@ -211,7 +206,6 @@ export declare enum DraftState {
 export declare enum EnvResourceType {
     ConfigMap = "configmap",
     Secret = "secrets",
-    DeploymentTemplate = "deployment-template",
-    Manifest = "manifest"
+    DeploymentTemplate = "deployment-template"
 }
 export {};

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

@@ -2,3 +2,4 @@ export * from './types';
 export * from './app.types';
 export * from './app.service';
 export * from './common.service';
+export * from './ToastManager';