@devtron-labs/devtron-fe-common-lib 0.0.51 → 0.0.52-beta-2

package/dist/Common/Constants.d.ts

@@ -64,3 +64,8 @@ export declare const RepositoryAction: {
     CHART_PULL: string;
     CHART_PUSH: string;
 };
+export declare enum APPROVAL_MODAL_TYPE {
+    CONFIG = "CONFIG",
+    DEPLOYMENT = "DEPLOYMENT"
+}
+export declare const MAX_Z_INDEX = 2147483647;

package/dist/Common/CustomInput/CustomInput.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CustomInputProps } from './Types';
-export declare function CustomInput({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, ref, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo }: CustomInputProps): JSX.Element;
+export declare function CustomInput({ name, value, error, onChange, onFocus, label, type, disabled, labelClassName, placeholder, tabIndex, dataTestid, isRequiredField, autoFocus, rootClassName, autoComplete, helperText, handleOnBlur, readOnly, noTrim, ref, onKeyPress, defaultValue, onKeyDown, required, additionalErrorInfo, inputWrapClassName, }: CustomInputProps): JSX.Element;

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

@@ -26,4 +26,5 @@ export interface CustomInputProps {
     onKeyDown?: (e: any) => void;
     required?: boolean;
     additionalErrorInfo?: React.ReactNode;
+    inputWrapClassName?: string;
 }

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

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

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

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

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

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

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

@@ -0,0 +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;
+}

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

@@ -1,5 +1,5 @@
 /// <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 }: GenericEmptyStateType): JSX.Element;
+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/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, }: GridProps): JSX.Element;
+export default function Grid({ container, spacing, item, xs, containerClass, itemClass, children, ...containerDivProps }: GridProps): JSX.Element;

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export interface GridProps {
+import { HTMLAttributes } from 'react';
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
     container?: boolean;
     spacing?: number;
     item?: boolean;

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

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

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

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

package/dist/Common/Types.d.ts

@@ -87,6 +87,7 @@ export interface GenericEmptyStateType {
     imageClassName?: string;
     children?: ReactNode;
     noImage?: boolean;
+    imageStyles?: CSSProperties;
     /**
      * @default 'column'
      */

package/dist/Common/index.d.ts

@@ -45,3 +45,4 @@ export * from './DevtronProgressing';
 export { default as ChartVersionAndTypeSelector } from './ChartVersionAndTypeSelector';
 export * from './AddCDButton';
 export * from './CustomInput';
+export * from './DraggableWrapper';