@devtron-labs/devtron-fe-common-lib 0.0.55-beta-7 → 0.0.56

package/dist/Common/Dialogs/DialogForm.d.ts

@@ -1,14 +1,14 @@
-import { Component } from 'react';
-import { DialogFormProps } from './Types';
-export declare class DialogForm extends Component<DialogFormProps> {
-    constructor(props: any);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    escFunction(event: any): void;
-    render(): JSX.Element;
-}
-export declare class DialogFormSubmit extends Component<{
-    tabIndex: number;
-}> {
-    render(): JSX.Element;
-}
+import { Component } from 'react';
+import { DialogFormProps } from './Types';
+export declare class DialogForm extends Component<DialogFormProps> {
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    escFunction(event: any): void;
+    render(): JSX.Element;
+}
+export declare class DialogFormSubmit extends Component<{
+    tabIndex: number;
+}> {
+    render(): JSX.Element;
+}

package/dist/Common/Dialogs/ForceDeleteDialog.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ForceDeleteDialogType } from './Types';
-export default function ForceDeleteDialog({ onClickDelete, closeDeleteModal, forceDeleteDialogTitle, forceDeleteDialogMessage }: ForceDeleteDialogType): JSX.Element;
+/// <reference types="react" />
+import { ForceDeleteDialogType } from './Types';
+export default function ForceDeleteDialog({ onClickDelete, closeDeleteModal, forceDeleteDialogTitle, forceDeleteDialogMessage }: ForceDeleteDialogType): JSX.Element;

package/dist/Common/Dialogs/Types.d.ts

@@ -1,45 +1,45 @@
-import { ReactNode } from "react";
-export interface DeleteDialogProps {
-    title: string;
-    description?: string;
-    closeDelete: () => void;
-    delete: () => any;
-    deletePrefix?: string;
-    deletePostfix?: string;
-    apiCallInProgress?: boolean;
-    dataTestId?: string;
-    buttonPrimaryText?: string;
-    shouldStopPropagation?: boolean;
-    disabled?: boolean;
-}
-export interface ForceDeleteDialogType {
-    onClickDelete: () => void;
-    closeDeleteModal: () => void;
-    forceDeleteDialogTitle: string;
-    forceDeleteDialogMessage: string;
-}
-export interface ConfirmationDialogType {
-    className?: string;
-    children: any;
-}
-export interface ConfirmationDialogIconType {
-    src: string;
-    className?: string;
-}
-export interface ConfirmationDialogBodyType {
-    title: string;
-    subtitle?: ReactNode;
-    children?: any;
-}
-export interface ConfirmationDialogButtonGroupType {
-    children: any;
-}
-export interface DialogFormProps {
-    className: string;
-    title: string;
-    isLoading: boolean;
-    closeOnESC?: boolean;
-    close: (event: any) => void;
-    onSave: (event: any) => void;
-    headerClassName?: string;
-}
+import { ReactNode } from "react";
+export interface DeleteDialogProps {
+    title: string;
+    description?: string;
+    closeDelete: () => void;
+    delete: () => any;
+    deletePrefix?: string;
+    deletePostfix?: string;
+    apiCallInProgress?: boolean;
+    dataTestId?: string;
+    buttonPrimaryText?: string;
+    shouldStopPropagation?: boolean;
+    disabled?: boolean;
+}
+export interface ForceDeleteDialogType {
+    onClickDelete: () => void;
+    closeDeleteModal: () => void;
+    forceDeleteDialogTitle: string;
+    forceDeleteDialogMessage: string;
+}
+export interface ConfirmationDialogType {
+    className?: string;
+    children: any;
+}
+export interface ConfirmationDialogIconType {
+    src: string;
+    className?: string;
+}
+export interface ConfirmationDialogBodyType {
+    title: string;
+    subtitle?: ReactNode;
+    children?: any;
+}
+export interface ConfirmationDialogButtonGroupType {
+    children: any;
+}
+export interface DialogFormProps {
+    className: string;
+    title: string;
+    isLoading: boolean;
+    closeOnESC?: boolean;
+    close: (event: any) => void;
+    onSave: (event: any) => void;
+    headerClassName?: string;
+}

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

@@ -1,4 +1,4 @@
-export { default as ConfirmationDialog } from './ConfirmationDialog';
-export * from './DeleteDialog';
-export * from './DialogForm';
-export { default as ForceDeleteDialog } from './ForceDeleteDialog';
+export { default as ConfirmationDialog } from './ConfirmationDialog';
+export * from './DeleteDialog';
+export * from './DialogForm';
+export { default as ForceDeleteDialog } from './ForceDeleteDialog';

package/dist/Common/DraggableWrapper/DraggableButton.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { DraggableButtonProps } from './types';
-export default function DraggableButton({ dragClassName }: DraggableButtonProps): JSX.Element;
+/// <reference types="react" />
+import { DraggableButtonProps } from './types';
+export default function DraggableButton({ dragClassName }: DraggableButtonProps): JSX.Element;

package/dist/Common/DraggableWrapper/DraggableWrapper.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { DraggableWrapperProps } from './types';
-/**
- * TODO: import it as lazy, after it is supported in common
- * 1. If using react select please use menuPlacement='auto'
- * 2. dragSelector will be used to identify the grabbable button that will grab the div to drag
- * 3. parentRef is the reference point from which we will derive the base top:0 ,left: 0 position
- */
-export default function DraggableWrapper({ children, zIndex, positionVariant, dragSelector, parentRef, boundaryGap, childDivProps, }: DraggableWrapperProps): JSX.Element;
+/// <reference types="react" />
+import { DraggableWrapperProps } from './types';
+/**
+ * TODO: import it as lazy, after it is supported in common
+ * 1. If using react select please use menuPlacement='auto'
+ * 2. dragSelector will be used to identify the grabbable button that will grab the div to drag
+ * 3. parentRef is the reference point from which we will derive the base top:0 ,left: 0 position
+ */
+export default function DraggableWrapper({ children, zIndex, positionVariant, dragSelector, parentRef, boundaryGap, childDivProps, }: DraggableWrapperProps): JSX.Element;

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

@@ -1,3 +1,3 @@
-export { default as DraggableWrapper } from './DraggableWrapper';
-export { default as DraggableButton } from './DraggableButton';
-export * from './types';
+export { default as DraggableWrapper } from './DraggableWrapper';
+export { default as DraggableButton } from './DraggableButton';
+export * from './types';

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

@@ -1,23 +1,23 @@
-import { HTMLAttributes, ReactNode, RefObject } from 'react';
-export declare enum DraggablePositionVariant {
-    PARENT_BOTTOM_CENTER = "PARENT_BOTTOM_CENTER",
-    SCREEN_BOTTOM_CENTER = "SCREEN_BOTTOM_CENTER"
-}
-export interface DraggableWrapperProps {
-    children: ReactNode;
-    zIndex?: number;
-    positionVariant?: DraggablePositionVariant;
-    /**
-     * dragSelector (class - (append with .), id, etc) will be used to identify the grabbable button that will grab the div to drag
-     */
-    dragSelector: string;
-    parentRef?: RefObject<HTMLDivElement>;
-    boundaryGap?: number;
-    childDivProps?: HTMLAttributes<HTMLDivElement>;
-}
-/**
- * dragClassName is the class that we feed to Draggable to identify dragging buttons
- */
-export interface DraggableButtonProps {
-    dragClassName: string;
-}
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+export declare enum DraggablePositionVariant {
+    PARENT_BOTTOM_CENTER = "PARENT_BOTTOM_CENTER",
+    SCREEN_BOTTOM_CENTER = "SCREEN_BOTTOM_CENTER"
+}
+export interface DraggableWrapperProps {
+    children: ReactNode;
+    zIndex?: number;
+    positionVariant?: DraggablePositionVariant;
+    /**
+     * dragSelector (class - (append with .), id, etc) will be used to identify the grabbable button that will grab the div to drag
+     */
+    dragSelector: string;
+    parentRef?: RefObject<HTMLDivElement>;
+    boundaryGap?: number;
+    childDivProps?: HTMLAttributes<HTMLDivElement>;
+}
+/**
+ * dragClassName is the class that we feed to Draggable to identify dragging buttons
+ */
+export interface DraggableButtonProps {
+    dragClassName: string;
+}

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

@@ -1,14 +1,16 @@
-interface drawerInterface {
-    position: 'left' | 'right' | 'bottom' | 'top';
-    children?: any;
-    backdrop?: boolean;
-    onClose?: (e: any) => void;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    height?: string;
-    parentClassName?: string;
-    onEscape?: (e?: any) => void;
-}
-export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, }: drawerInterface) => JSX.Element;
-export {};
+/// <reference types="react" />
+import './Drawer.scss';
+interface drawerInterface {
+    position: 'left' | 'right' | 'bottom' | 'top';
+    children?: any;
+    backdrop?: boolean;
+    onClose?: (e: any) => void;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    height?: string;
+    parentClassName?: string;
+    onEscape?: (e?: any) => void;
+}
+export declare const Drawer: ({ children, position, height, width, minWidth, maxWidth, parentClassName, onEscape, }: drawerInterface) => JSX.Element;
+export {};

package/dist/Common/EmptyState/EmptyState.d.ts

@@ -1,28 +1,25 @@
-import React from 'react';
-/**
- * @deprecated
- * @description Trying to deprecate this component instead, use GenericEmptyState
- */
-declare function EmptyState({ children, className }: {
-    children: any;
-    className?: string;
-}): JSX.Element;
-declare namespace EmptyState {
-    var Image: ({ children }: {
-        children: any;
-    }) => any;
-    var Title: ({ children }: {
-        children: any;
-    }) => any;
-    var Subtitle: ({ children, className }: {
-        children: any;
-        className?: string;
-    }) => JSX.Element;
-    var Button: ({ children }: {
-        children: any;
-    }) => any;
-    var Loading: React.FC<{
-        text: string;
-    }>;
-}
-export default EmptyState;
+import React from 'react';
+import './emptyState.scss';
+declare function EmptyState({ children, className }: {
+    children: any;
+    className?: string;
+}): JSX.Element;
+declare namespace EmptyState {
+    var Image: ({ children }: {
+        children: any;
+    }) => any;
+    var Title: ({ children }: {
+        children: any;
+    }) => any;
+    var Subtitle: ({ children, className }: {
+        children: any;
+        className?: string;
+    }) => JSX.Element;
+    var Button: ({ children }: {
+        children: any;
+    }) => any;
+    var Loading: React.FC<{
+        text: string;
+    }>;
+}
+export default EmptyState;

package/dist/Common/EmptyState/GenericEmptyState.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
-import { GenericEmptyStateType } from '../Types';
-declare function GenericEmptyState({ title, image, subTitle, isButtonAvailable, classname, styles, heightToDeduct, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName }: GenericEmptyStateType): JSX.Element;
-export default GenericEmptyState;
+/// <reference types="react" />
+import { GenericEmptyStateType } from '../Types';
+import './emptyState.scss';
+declare function GenericEmptyState({ title, image, subTitle, isButtonAvailable, classname, styles, heightToDeduct, imageType, renderButton, imageClassName, children, SvgImage, noImage, layout, contentClassName, imageStyles, }: GenericEmptyStateType): JSX.Element;
+export default GenericEmptyState;

package/dist/Common/Error.d.ts

@@ -1,17 +1,17 @@
-import React, { Component } from 'react';
-export declare class ErrorScreenManager extends Component<{
-    code?: number;
-    reload?: (...args: any[]) => any;
-    subtitle?: React.ReactChild;
-    subtitleClass?: string;
-    reloadClass?: string;
-}> {
-    getMessage(): JSX.Element | "Bad Request" | "Unauthorized" | "Internal Server Error" | "Bad Gateway" | "Service Temporarily Unavailable";
-    render(): JSX.Element;
-}
-export declare class ErrorScreenNotAuthorized extends Component<{
-    subtitle?: React.ReactChild;
-    title?: string;
-}> {
-    render(): JSX.Element;
-}
+import React, { Component } from 'react';
+export declare class ErrorScreenManager extends Component<{
+    code?: number;
+    reload?: (...args: any[]) => any;
+    subtitle?: React.ReactChild;
+    subtitleClass?: string;
+    reloadClass?: string;
+}> {
+    getMessage(): JSX.Element | "Bad Request" | "Unauthorized" | "Internal Server Error" | "Bad Gateway" | "Service Temporarily Unavailable";
+    render(): JSX.Element;
+}
+export declare class ErrorScreenNotAuthorized extends Component<{
+    subtitle?: React.ReactChild;
+    title?: string;
+}> {
+    render(): JSX.Element;
+}

package/dist/Common/ErrorScreenNotFound.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare function ErrorScreenNotFound(): JSX.Element;
-export default ErrorScreenNotFound;
+/// <reference types="react" />
+declare function ErrorScreenNotFound(): JSX.Element;
+export default ErrorScreenNotFound;

package/dist/Common/Grid/Grid.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { GridProps } from './types';
-export default function Grid({ container, spacing, item, xs, containerClass, itemClass, children, ...containerDivProps }: GridProps): JSX.Element;
+/// <reference types="react" />
+import { GridProps } from './types';
+export default function Grid({ container, spacing, item, xs, containerClass, itemClass, children, ...containerDivProps }: GridProps): JSX.Element;

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

@@ -1,10 +1,10 @@
-import { HTMLAttributes } from 'react';
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-    container?: boolean;
-    spacing?: number;
-    item?: boolean;
-    xs?: number;
-    containerClass?: string;
-    itemClass?: string;
-    children?: React.ReactNode;
-}
+import { HTMLAttributes } from 'react';
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    container?: boolean;
+    spacing?: number;
+    item?: boolean;
+    xs?: number;
+    containerClass?: string;
+    itemClass?: string;
+    children?: React.ReactNode;
+}

package/dist/Common/Helper.d.ts

@@ -1,65 +1,60 @@
-import React from 'react';
-import { AsyncOptions, UseSearchString } from './Types';
-export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
-interface ConditionalWrapper<T> {
-    condition: boolean;
-    wrap: (children: T) => T;
-    children: T;
-}
-export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
-export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 0 | 1 | -1;
-export declare const stopPropagation: (event: any) => void;
-export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;
-export declare function getRandomColor(email: string): string;
-export declare const getAlphabetIcon: (str: string, rootClassName?: string) => JSX.Element;
-export declare const getEmptyArrayOfLength: (length: number) => unknown[];
-export declare function noop(...args: any[]): any;
-export declare function not(e: any): boolean;
-export declare function useEffectAfterMount(cb: any, dependencies: any): void;
-export declare function getCookie(sKey: any): string;
-export declare function getLoginInfo(): any;
-export declare function useForm(stateSchema: any, validationSchema: {}, callback: any): {
-    state: any;
-    disable: boolean;
-    handleOnChange: (event: any) => void;
-    handleOnSubmit: (event: any) => void;
-};
-export declare function handleUTCTime(ts: string, isRelativeTime?: boolean): string;
-export declare function useSearchString(): UseSearchString;
-export declare const closeOnEscKeyPressed: (e: any, actionClose: () => void) => void;
-export declare function useJsonYaml(value: any, tabSize?: number, language?: string, shouldRun?: boolean): any[];
-export declare function cleanKubeManifest(manifestJsonString: string): string;
-/**
- * It will copy the passed content to clipboard and invoke the callback function, in case of error it will show the toast message.
- * On HTTP system clipboard is not supported, so it will use the unsecureCopyToClipboard function
- * @param str
- * @param callback
- */
-export declare function copyToClipboard(str: any, callback?: typeof noop): void;
-export declare function useAsync<T>(func: (...rest: any[]) => Promise<T>, dependencyArray?: any[], shouldRun?: boolean, options?: AsyncOptions): [boolean, T, any | null, () => void, React.Dispatch<any>, any[]];
-export declare const processDeployedTime: (lastDeployed: any, isArgoInstalled: any) => string;
-/**
- * Appends search parameters to the url as a query string
- *
- * @param url URL to which the search params needs to be added
- * @param params Object for the search parameters
- */
-export declare const getUrlWithSearchParams: (url: string, params: Record<string | number, any>) => string;
-/**
- * Custom exception logger function for logging errors to sentry
- */
-export declare const logExceptionToSentry: any;
-export declare const customStyles: {
-    control: (base: any, state: any) => any;
-    indicatorSeparator: (base: any, state: any) => any;
-    valueContainer: (base: any, state: any) => any;
-    dropdownIndicator: (base: any, state: any) => any;
-};
-export declare const getFilteredChartVersions: (charts: any, selectedChartType: any) => any;
-export declare function getUnlockedJSON(json: any, jsonPathArray: any): any;
-export declare function getLockedJSON(json: any, jsonPathArray: string[]): any;
-/**
- * Returns a debounced variant of the function
- */
-export declare const debounce: (func: any, timeout?: number) => (this: any, ...args: any[]) => void;
-export {};
+import * as Sentry from '@sentry/browser';
+import React from 'react';
+import { AsyncOptions, UseSearchString } from './Types';
+export declare function showError(serverError: any, showToastOnUnknownError?: boolean, hideAccessError?: boolean): void;
+interface ConditionalWrapper<T> {
+    condition: boolean;
+    wrap: (children: T) => T;
+    children: T;
+}
+export declare const ConditionalWrap: React.FC<ConditionalWrapper<any>>;
+export declare function sortCallback(key: string, a: any, b: any, isCaseSensitive?: boolean): 1 | -1 | 0;
+export declare const stopPropagation: (event: any) => void;
+export declare function useThrottledEffect(callback: any, delay: any, deps?: any[]): void;
+export declare function getRandomColor(email: string): string;
+export declare const getAlphabetIcon: (str: string, rootClassName?: string) => JSX.Element;
+export declare const getEmptyArrayOfLength: (length: number) => unknown[];
+export declare function noop(...args: any[]): any;
+export declare function not(e: any): boolean;
+export declare function useEffectAfterMount(cb: any, dependencies: any): void;
+export declare function getCookie(sKey: any): string;
+export declare function getLoginInfo(): any;
+export declare function useForm(stateSchema: any, validationSchema: {}, callback: any): {
+    state: any;
+    disable: boolean;
+    handleOnChange: (event: any) => void;
+    handleOnSubmit: (event: any) => void;
+};
+export declare function handleUTCTime(ts: string, isRelativeTime?: boolean): string;
+export declare function useSearchString(): UseSearchString;
+export declare const closeOnEscKeyPressed: (e: any, actionClose: () => void) => void;
+/**
+ * It will copy the passed content to clipboard and invoke the callback function, in case of error it will show the toast message.
+ * On HTTP system clipboard is not supported, so it will use the unsecureCopyToClipboard function
+ * @param str
+ * @param callback
+ */
+export declare function copyToClipboard(str: any, callback?: typeof noop): void;
+export declare function useAsync<T>(func: (...rest: any[]) => Promise<T>, dependencyArray?: any[], shouldRun?: boolean, options?: AsyncOptions): [boolean, T, any | null, () => void, React.Dispatch<any>, any[]];
+export declare const processDeployedTime: (lastDeployed: any, isArgoInstalled: any) => string;
+/**
+ * Appends search parameters to the url as a query string
+ *
+ * @param url URL to which the search params needs to be added
+ * @param params Object for the search parameters
+ */
+export declare const getUrlWithSearchParams: (url: string, params: Record<string | number, any>) => string;
+/**
+ * Custom exception logger function for logging errors to sentry
+ */
+export declare const logExceptionToSentry: typeof Sentry.captureException;
+export declare const customStyles: {
+    control: (base: any, state: any) => any;
+    indicatorSeparator: (base: any, state: any) => any;
+    valueContainer: (base: any, state: any) => any;
+    dropdownIndicator: (base: any, state: any) => any;
+};
+export declare const getFilteredChartVersions: (charts: any, selectedChartType: any) => any;
+export declare function getUnlockedJSON(json: any, jsonPathArray: any): any;
+export declare function getLockedJSON(json: any, jsonPathArray: string[]): any;
+export {};

package/dist/Common/Hooks/UseClickOutside/UseClickOutside.d.ts

@@ -1 +1 @@
-export declare const useClickOutside: (ref: any, callback: () => void) => void;
+export declare const useClickOutside: (ref: any, callback: () => void) => void;

package/dist/Common/Hooks/UseSuperAdmin/UseSuperAdmin.d.ts

@@ -1,6 +1,6 @@
-import { useSuperAdminType } from './types';
-/**
- * @description It will return isSuperAdmin and would be set to false by default, might need few optimizations like dep, etc
- * @returns {useSuperAdminType} isSuperAdmin
- */
-export declare const useSuperAdmin: () => useSuperAdminType;
+import { useSuperAdminType } from './types';
+/**
+ * @description It will return isSuperAdmin and would be set to false by default, might need few optimizations like dep, etc
+ * @returns {useSuperAdminType} isSuperAdmin
+ */
+export declare const useSuperAdmin: () => useSuperAdminType;

package/dist/Common/Hooks/UseSuperAdmin/types.d.ts

@@ -1,3 +1,3 @@
-export interface useSuperAdminType {
-    isSuperAdmin: boolean;
-}
+export interface useSuperAdminType {
+    isSuperAdmin: boolean;
+}

package/dist/Common/Hooks/UseWindowSize/UseWindowSize.d.ts

@@ -1,4 +1,4 @@
-export declare const useWindowSize: () => {
-    width: number;
-    height: number;
-};
+export declare const useWindowSize: () => {
+    width: number;
+    height: number;
+};

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

@@ -1,3 +1,3 @@
-export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin';
-export { useClickOutside } from './UseClickOutside/UseClickOutside';
-export { useWindowSize } from './UseWindowSize/UseWindowSize';
+export { useSuperAdmin } from './UseSuperAdmin/UseSuperAdmin';
+export { useClickOutside } from './UseClickOutside/UseClickOutside';
+export { useWindowSize } from './UseWindowSize/UseWindowSize';