@devtron-labs/devtron-fe-common-lib 0.3.6-beta-7 → 0.3.7

package/dist/Common/Constants.d.ts

@@ -286,4 +286,3 @@ export declare const VULNERABILITIES_SORT_PRIORITY: {
     low: number;
     unknown: number;
 };
-export declare const IS_PLATFORM_MAC_OS: boolean;

package/dist/Common/Drawer/Drawer.d.ts

@@ -10,5 +10,5 @@ interface drawerInterface {
     parentClassName?: string;
     onEscape?: (e?: any) => void;
 }
-export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, }: drawerInterface) => JSX.Element;
+export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, onClose, }: drawerInterface) => JSX.Element;
 export {};

package/dist/Common/Tooltip/Tooltip.d.ts

@@ -1,3 +1,3 @@
 import { TooltipProps } from './types';
-declare const Tooltip: ({ shortcutKeyCombo, alwaysShowTippyOnHover, showOnTruncate, wordBreak, children: child, ...rest }: TooltipProps) => JSX.Element;
+declare const Tooltip: ({ alwaysShowTippyOnHover, showOnTruncate, wordBreak, children: child, ...rest }: TooltipProps) => JSX.Element;
 export default Tooltip;

package/dist/Common/Tooltip/index.d.ts

@@ -1,2 +1 @@
 export { default as Tooltip } from './Tooltip';
-export type { SupportedKeyboardKeysType } from './types';

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

@@ -1,11 +1,4 @@
 import { TippyProps } from '@tippyjs/react';
-export declare const KEYBOARD_KEYS_MAP: {
-    readonly Control: "⌘" | "Ctrl";
-    readonly Shift: "⇧";
-    readonly F: "F";
-    readonly E: "E";
-};
-export type SupportedKeyboardKeysType = keyof typeof KEYBOARD_KEYS_MAP;
 type BaseTooltipProps = {
     /**
      * If true, show tippy on truncate
@@ -17,11 +10,6 @@ type BaseTooltipProps = {
      * @default false
      */
     alwaysShowTippyOnHover?: never;
-    /**
-     * If true, use the common styling for shortcuts
-     * @default false
-     */
-    shortcutKeyCombo?: never;
 } | {
     /**
      * If alwaysShowTippyOnHover is defined this prop doesn't work
@@ -30,33 +18,9 @@ type BaseTooltipProps = {
     showOnTruncate?: never;
     /**
      * If true, wrap with tippy irrespective of other options
-     * @default true
-     */
-    alwaysShowTippyOnHover?: boolean;
-    /**
-     * If true, use the common styling for shortcuts
      * @default false
      */
-    shortcutKeyCombo?: never;
-} | {
-    /**
-     * If true, show tippy on truncate
-     * @default false
-     */
-    showOnTruncate?: never;
-    /**
-     * If showOnTruncate is defined this prop doesn't work
-     * @default false
-     */
-    alwaysShowTippyOnHover?: never;
-    /**
-     * If true, use the common styling for shortcuts
-     * @default true
-     */
-    shortcutKeyCombo?: {
-        text: string;
-        combo: SupportedKeyboardKeysType[];
-    };
+    alwaysShowTippyOnHover?: boolean;
 };
 export type TooltipProps = BaseTooltipProps & TippyProps & {
     /**

package/dist/Shared/Components/CICDHistory/History.components.d.ts

@@ -1,57 +1,4 @@
-import { IWithShortcut } from 'react-keybind';
 import { GitChangesType, LogResizeButtonType, ScrollerType } from './types';
-export declare const LogResizeButton: {
-    new (props: Readonly<LogResizeButtonType & IWithShortcut>): {
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LogResizeButtonType & IWithShortcut>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<LogResizeButtonType & IWithShortcut> & Readonly<{
-            children?: import('react').ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: import('react').ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: import('react').ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<LogResizeButtonType & IWithShortcut>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<LogResizeButtonType & IWithShortcut>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: LogResizeButtonType & IWithShortcut, context?: any): {
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LogResizeButtonType & IWithShortcut>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<LogResizeButtonType & IWithShortcut> & Readonly<{
-            children?: import('react').ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: import('react').ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: import('react').ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<LogResizeButtonType & IWithShortcut>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<LogResizeButtonType & IWithShortcut>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<LogResizeButtonType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: import('react').Context<any> | undefined;
-};
+export declare const LogResizeButton: ({ fullScreenView, setFullScreenView }: LogResizeButtonType) => JSX.Element;
 export declare const Scroller: ({ scrollToTop, scrollToBottom, style }: ScrollerType) => JSX.Element;
 export declare const GitChanges: ({ gitTriggers, ciMaterials, artifact, userApprovalMetadata, triggeredByEmail, ciPipelineId, artifactId, imageComment, imageReleaseTags, appReleaseTagNames, tagsEditable, hideImageTaggingHardDelete, appliedFilters, appliedFiltersTimestamp, promotionApprovalMetadata, selectedEnvironmentName, renderCIListHeader, }: GitChangesType) => JSX.Element;

package/dist/Shared/Components/CICDHistory/LogsRenderer.d.ts

@@ -1,56 +1,3 @@
-import { IWithShortcut } from 'react-keybind';
 import { LogsRendererType } from './types';
-declare const _default: {
-    new (props: Readonly<LogsRendererType & IWithShortcut>): {
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LogsRendererType & IWithShortcut>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<LogsRendererType & IWithShortcut> & Readonly<{
-            children?: import('react').ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: import('react').ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: import('react').ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<LogsRendererType & IWithShortcut>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<LogsRendererType & IWithShortcut>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: LogsRendererType & IWithShortcut, context?: any): {
-        render(): JSX.Element;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LogsRendererType & IWithShortcut>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<LogsRendererType & IWithShortcut> & Readonly<{
-            children?: import('react').ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: import('react').ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: import('react').ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<LogsRendererType & IWithShortcut>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<LogsRendererType & IWithShortcut>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<LogsRendererType & IWithShortcut>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    contextType?: import('react').Context<any> | undefined;
-};
-export default _default;
+export declare const LogsRenderer: ({ triggerDetails, isBlobStorageConfigured, parentType, fullScreenView, }: LogsRendererType) => JSX.Element;
+export default LogsRenderer;

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

@@ -10,7 +10,7 @@ export * from './service';
 export * from './History.components';
 export * from './utils';
 export * from './TriggerOutput';
-export { default as LogsRenderer } from './LogsRenderer';
+export * from './LogsRenderer';
 export * from './DeploymentHistoryDiff';
 export * from './CiPipelineSourceConfig';
 export * from './StatusFilterButtonComponent';

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactElement } from 'react';
-import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable, SortingOrder, SupportedKeyboardKeysType } from '../../../Common';
+import { OptionType, UserApprovalMetadataType, ReleaseTag, ImageComment, PromotionApprovalMetadataType, FilterConditionsListType, DeploymentAppTypes, ResponseType, PaginationProps, useScrollable, SortingOrder } from '../../../Common';
 import { DeploymentStageType } from '../../constants';
 import { AggregationKeys, GitTriggers, Node, NodeType, ResourceKindType, ResourceVersionType } from '../../types';
 export declare enum HistoryComponentType {
@@ -14,8 +14,6 @@ export declare enum FetchIdDataStatus {
     SUSPEND = "SUSPEND"
 }
 export interface LogResizeButtonType {
-    shortcutCombo?: SupportedKeyboardKeysType[];
-    showOnlyWhenPathIncludesLogs?: boolean;
     fullScreenView: boolean;
     setFullScreenView: React.Dispatch<React.SetStateAction<boolean>>;
 }

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

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

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

@@ -4,7 +4,7 @@ import { DataAttributes } from '../../types';
 type TabComponentProps<TabTypeProps> = TabTypeProps & DataAttributes;
 type ConditionalTabType = {
     /**
-     *  Type of the tab, either `button`, `link` or `navLink`.
+     * Type of the tab, either `button`, `link`, `navLink` or `block`.
      */
     tabType: 'button';
     /**
@@ -17,7 +17,7 @@ type ConditionalTabType = {
     active?: boolean;
 } | {
     /**
-     *  Type of the tab, either `button`, `link` or `navLink`.
+     * Type of the tab, either `button`, `link`, `navLink` or `block`.
      */
     tabType: 'navLink';
     /**
@@ -27,10 +27,10 @@ type ConditionalTabType = {
     /**
      * Active state is determined by matching the URL.
      */
-    active?: false;
+    active?: never | false;
 } | {
     /**
-     *  Type of the tab, either `button`, `link` or `navLink`.
+     * Type of the tab, either `button`, `link`, `navLink` or `block`.
      */
     tabType: 'link';
     /**
@@ -41,6 +41,20 @@ type ConditionalTabType = {
      * Indicates if the tab is currently active.
      */
     active?: boolean;
+} | {
+    /**
+     * Type of the tab, either `button`, `link`, `navLink` or `block`.
+     * @note When `tabType` is set to `block`, the tab becomes non-interactive. It won't be active and will not have hover states.
+     */
+    tabType: 'block';
+    /**
+     * Props passed to div component.
+     */
+    props?: TabComponentProps<Omit<React.ComponentProps<'div'>, 'className' | 'style'>>;
+    /**
+     * Indicates if the tab is currently active.
+     */
+    active?: never | false;
 };
 export type TabProps = {
     /**
@@ -51,15 +65,16 @@ export type TabProps = {
      * Text label for the tab.
      */
     label: string;
+    /**
+     * Description for the tab.
+     * @note - If passed as a `string[]`, it will be rendered with a bullet in-between strings.
+     */
+    description?: string | string[];
     /**
      * Icon component to be displayed in the tab.
      * This should be a functional component that renders an SVG.
      */
     icon?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
-    /**
-     * Type of the icon, determining whether it uses a stroke or fill style.
-     */
-    iconType?: 'stroke' | 'fill';
     /**
      * Badge number to be displayed on the tab, typically for notifications.
      */
@@ -92,7 +107,7 @@ export interface TabGroupProps {
      * Size of the tabs.
      * @default ComponentSizeType.large
      */
-    size?: ComponentSizeType.large | ComponentSizeType.medium;
+    size?: ComponentSizeType.large | ComponentSizeType.medium | ComponentSizeType.xl;
     /**
      * Optional component to be rendered on the right side of the tab list.
      */

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

@@ -1,7 +1,7 @@
-import { TabGroupProps, TabProps } from './TabGroup.types';
+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 getIconColorClassMap: ({ active }: Pick<TabProps, "active">) => Record<TabProps["iconType"], string>;
+export declare const tabGroupClassMap: Record<TabGroupProps['size'], string>;