@devtron-labs/devtron-fe-common-lib 1.1.1 → 1.1.3

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

@@ -3,6 +3,7 @@ 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";

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

@@ -1,6 +1,6 @@
 import { ShortcutType } from './types';
 export declare const preprocessKeys: (keys: ShortcutType["keys"]) => {
-    keys: ("Control" | "Alt" | "F" | "E" | "R" | "K" | "Shift" | "Meta")[];
+    keys: ("Alt" | "Escape" | "F" | "E" | "R" | "K" | "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, "children" | "className" | "id" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "onError" | "action" | "name" | "disabled" | "target" | "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" | "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>>>;

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

@@ -1,5 +1,6 @@
 import { DeploymentConfigDiffProps, AppEnvDeploymentConfigListParams } from '..';
 import { ConfigMapSecretDataConfigDatumDTO, DeploymentTemplateDTO, TemplateListDTO } from '../../Services/app.types';
+import { DiffViewerProps } from '../DiffViewer/types';
 export declare const getDeploymentTemplateData: (data: DeploymentTemplateDTO) => any;
 /**
  * Retrieves the draft data from the given configuration data object.
@@ -37,3 +38,4 @@ export declare const getDefaultVersionAndPreviousDeploymentOptions: (data: Templ
     previousDeployments: TemplateListDTO[];
     defaultVersions: TemplateListDTO[];
 };
+export declare const renderDiffViewNoDifferenceState: (lhsValue: string, rhsValue: string) => DiffViewerProps["codeFoldMessageRenderer"];

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

@@ -0,0 +1,41 @@
+import { DiffViewerProps } from './types';
+/**
+ * Component for showing diff between two string or object.
+ *
+ * Note: Pass down the object as stringified for optimized performance.
+ *
+ * @example Usage
+ *
+ * ```tsx
+ * <DiffViewer
+ *   oldValue={oldValue}
+ *   newValue={newValue}
+ * />
+ * ```
+ *
+ * @example With left/right title for lhs/rhs
+ *
+ * ```tsx
+ * <DiffViewer
+ *   oldValue={oldValue}
+ *   newValue={newValue}
+ *   leftTitle="Title for LHS"
+ *   rightTitle={
+ *     <span>Title for RHS</span>
+ *   }
+ * />
+ * ```
+ *
+ * @example With custom message for folded code
+ * Note: the entire section would be clickable
+ *
+ * ```tsx
+ * <DiffViewer
+ *   oldValue={oldValue}
+ *   newValue={newValue}
+ *   codeFoldMessageRenderer={(totalFoldedLines, leftStartLineNumber, rightStartLineNumber) => <span>Custom text</span>}
+ * />
+ * ```
+ */
+declare const DiffViewer: ({ oldValue, newValue, leftTitle, rightTitle, ...props }: DiffViewerProps) => JSX.Element;
+export default DiffViewer;

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

@@ -0,0 +1,2 @@
+import { ReactDiffViewerProps } from 'react-diff-viewer-continued';
+export declare const diffViewerStyles: ReactDiffViewerProps['styles'];

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

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ReactDiffViewerProps } from 'react-diff-viewer-continued';
+export interface DiffViewerProps extends Pick<ReactDiffViewerProps, 'oldValue' | 'newValue' | 'codeFoldMessageRenderer'> {
+    leftTitle?: ReactDiffViewerProps['leftTitle'] | ReactNode;
+    rightTitle?: ReactDiffViewerProps['rightTitle'] | ReactNode;
+}
+export interface DiffViewTitleWrapperProps {
+    title: DiffViewerProps['leftTitle'];
+}

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

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