@devtron-labs/devtron-fe-common-lib 1.1.5 → 1.1.6

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

@@ -3,11 +3,12 @@ export declare const KEYBOARD_KEYS_MAP: {
     readonly Shift: "⇧";
     readonly Meta: "⌘" | "Win";
     readonly Alt: "⌥" | "Alt";
-    readonly Escape: "Escape";
     readonly F: "F";
     readonly E: "E";
     readonly R: "R";
     readonly K: "K";
+    readonly Escape: "Escape";
+    readonly Enter: "Enter";
 };
 export type SupportedKeyboardKeysType = keyof typeof KEYBOARD_KEYS_MAP;
 export interface ShortcutType {

package/dist/Common/Hooks/UseRegisterShortcut/utils.d.ts

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("Alt" | "Escape" | "F" | "E" | "R" | "K" | "Control" | "Shift" | "Meta")[];
+    keys: ("Alt" | "F" | "E" | "R" | "K" | "Escape" | "Enter" | "Control" | "Shift" | "Meta")[];
     id: string;
 };
 export declare const verifyCallbackStack: (stack: ShortcutType["callbackStack"]) => void;

package/dist/Common/RJSF/Form.d.ts

@@ -1,3 +1,3 @@
 import { default as RJSF } from '@rjsf/core';
 import { FormProps } from './types';
-export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "children" | "className" | "disabled" | "id" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "tagName" | "autoComplete" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "method" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;
+export declare const RJSFForm: import('react').ForwardRefExoticComponent<Pick<FormProps, "name" | "children" | "className" | "disabled" | "id" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "target" | "action" | "tagName" | "autoComplete" | "method" | "noValidate" | "readonly" | "schema" | "uiSchema" | "formContext" | "formData" | "idPrefix" | "idSeparator" | "fields" | "templates" | "widgets" | "translateString" | "acceptcharset" | "acceptCharset" | "enctype" | "customValidate" | "extraErrors" | "extraErrorsBlockSubmit" | "noHtml5Validate" | "liveValidate" | "liveOmit" | "omitExtraData" | "showErrorList" | "transformErrors" | "focusOnFirstError" | "experimental_defaultFormStateBehavior" | "_internalFormWrapper"> & import('react').RefAttributes<RJSF<unknown, import('json-schema').JSONSchema7, import('@rjsf/utils').GenericObjectType>>>;

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

@@ -0,0 +1,3 @@
+import { BackdropProps } from './types';
+declare const Backdrop: ({ children, onEscape }: BackdropProps) => import('react').ReactPortal;
+export default Backdrop;

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

@@ -0,0 +1 @@
+export { default as Backdrop } from './Backdrop';

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface BackdropProps {
+    children: ReactNode;
+    /**
+     * @param onEscape: please wrap in a useCallback, with respective dependencies or []
+     */
+    onEscape: () => void;
+}

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

@@ -0,0 +1,3 @@
+import { ConfirmationModalProps } from './types';
+declare const WrapWithShortcutProvider: (props: ConfirmationModalProps) => JSX.Element;
+export default WrapWithShortcutProvider;

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

@@ -0,0 +1,2 @@
+export { default as ConfirmationModal } from './ConfirmationModal';
+export { ConfirmationModalVariantType } from './types';

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

@@ -0,0 +1,50 @@
+import { FunctionComponent, ReactNode, SVGProps, SyntheticEvent } from 'react';
+import { ButtonProps } from '../Button';
+export declare enum ConfirmationModalVariantType {
+    info = "info",
+    delete = "delete",
+    warning = "warning",
+    custom = "custom"
+}
+interface CommonButtonProps extends Pick<ButtonProps, 'text'>, Partial<Pick<ButtonProps, 'startIcon' | 'endIcon'>> {
+    onClick: (e?: SyntheticEvent) => void;
+}
+interface CustomInputConfig {
+    identifier: string;
+    confirmationKeyword: string;
+}
+type ButtonConfig<PrimaryButtonConfig, SecondaryButtonConfig> = {
+    primaryButtonConfig: PrimaryButtonConfig & CommonButtonProps;
+    secondaryButtonConfig: SecondaryButtonConfig & CommonButtonProps;
+} | {
+    primaryButtonConfig: PrimaryButtonConfig & CommonButtonProps;
+    secondaryButtonConfig?: never;
+} | {
+    primaryButtonConfig?: never;
+    secondaryButtonConfig?: SecondaryButtonConfig & CommonButtonProps;
+};
+type CustomInputConfigOrChildrenType = {
+    customInputConfig: CustomInputConfig;
+    children?: never;
+} | {
+    customInputConfig?: never;
+    children: ReactNode;
+} | {
+    customInputConfig?: never;
+    children?: never;
+};
+export type ConfirmationModalProps = {
+    title: string;
+    subtitle: ReactNode;
+    handleClose: (e?: SyntheticEvent) => void;
+    showConfirmationModal: boolean;
+} & ({
+    variant: Exclude<ConfirmationModalVariantType, ConfirmationModalVariantType.custom>;
+    Icon?: never;
+    buttonConfig: ButtonConfig<Pick<ButtonProps, 'isLoading' | 'disabled'>, Pick<ButtonProps, 'disabled'>>;
+} | {
+    variant: ConfirmationModalVariantType.custom;
+    Icon: FunctionComponent<SVGProps<SVGSVGElement>>;
+    buttonConfig: ButtonConfig<Pick<ButtonProps, 'isLoading' | 'disabled' | 'style'>, Pick<ButtonProps, 'disabled' | 'style'>>;
+}) & CustomInputConfigOrChildrenType;
+export {};

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

@@ -0,0 +1,6 @@
+import { FunctionComponent, ReactNode, SVGProps } from 'react';
+import { ConfirmationModalVariantType } from './types';
+import { ButtonStyleType } from '../Button';
+export declare const getIconFromVariant: (variant: ConfirmationModalVariantType) => FunctionComponent<SVGProps<SVGSVGElement>>;
+export declare const getConfirmationLabel: (confirmationKeyword: string) => ReactNode;
+export declare const getPrimaryButtonStyleFromVariant: (variant: ConfirmationModalVariantType) => ButtonStyleType;

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

@@ -41,4 +41,5 @@ export * from './Collapse';
 export * from './Security';
 export * from './Button';
 export * from './InvalidYAMLTippy';
+export * from './ConfirmationModal';
 export * from './DiffViewer';

package/dist/Shared/Helpers.d.ts

@@ -2,7 +2,7 @@ import { ReactElement } from 'react';
 import { Pair } from 'yaml';
 import { MaterialHistoryType } from '@Shared/Services/app.types';
 import { MaterialInfo, SortingOrder, UserApprovalConfigType } from '../Common';
-import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, WebhookEventNameType } from './types';
+import { GitTriggers, IntersectionChangeHandler, IntersectionOptions, PreventOutsideFocusProps, WebhookEventNameType } from './types';
 import { AggregatedNodes, DeploymentStatusDetailsBreakdownDataType, DeploymentStatusDetailsType, PodMetadatum } from './Components';
 interface HighlightSearchTextProps {
     /**
@@ -21,6 +21,7 @@ interface HighlightSearchTextProps {
 export declare const escapeRegExp: (text: string) => string;
 export declare const highlightSearchText: ({ searchText, text, highlightClasses }: HighlightSearchTextProps) => string;
 export declare const preventBodyScroll: (lock: boolean) => void;
+export declare const preventOutsideFocus: ({ identifier, preventFocus }: PreventOutsideFocusProps) => void;
 export declare const getIsMaterialInfoAvailable: (materialInfo: MaterialInfo[]) => boolean;
 export declare const getGitCommitInfo: (materialInfo: MaterialInfo) => GitTriggers;
 export declare const stringComparatorBySortOrder: (a: string, b: string, sortOrder?: SortingOrder, isCaseSensitive?: boolean) => number;

package/dist/Shared/constants.d.ts

@@ -417,3 +417,4 @@ export declare const ALL_RESOURCE_KIND_FILTER = "all";
 export declare const OPEN_NEW_TICKET = "https://enterprise.devtron.ai/portal/en/newticket";
 export declare const VIEW_ALL_TICKETS = "https://enterprise.devtron.ai/portal/en/myarea";
 export declare const RAISE_ISSUE = "https://github.com/devtron-labs/devtron/issues/new/choose";
+export declare const DEVTRON_BASE_MAIN_ID = "devtron-base-main-identifier";

package/dist/Shared/types.d.ts

@@ -735,4 +735,8 @@ export interface DynamicTabType extends CommonTabArgsType {
      */
     lastActiveTabId: string | null;
 }
+export interface PreventOutsideFocusProps {
+    identifier: string;
+    preventFocus: boolean;
+}
 export {};