@devtron-labs/devtron-fe-common-lib 0.1.3-beta-3 → 0.1.3-patch-1

package/dist/Common/Constants.d.ts

@@ -40,6 +40,7 @@ export declare const URLS: {
     APP_TRIGGER: string;
     GLOBAL_CONFIG_DOCKER: string;
     DEPLOYMENT_HISTORY_CONFIGURATIONS: string;
+    GLOBAL_CONFIG_SCOPED_VARIABLES: string;
 };
 export declare const ROUTES: {
     APP: string;

package/dist/Common/CustomTagSelector/ResizableTagTextArea.d.ts

@@ -1,3 +1,3 @@
 import { ResizableTagTextAreaProps } from './Types';
 
-export declare const ResizableTagTextArea: ({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, }: ResizableTagTextAreaProps) => JSX.Element;
+export declare const ResizableTagTextArea: ({ className, minHeight, maxHeight, value, onChange, onBlur, onFocus, placeholder, tabIndex, refVar, dependentRef, dataTestId, handleKeyDown, disabled, disableOnBlurResizeToMinHeight, }: ResizableTagTextAreaProps) => JSX.Element;

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

@@ -65,4 +65,6 @@ export interface ResizableTagTextAreaProps {
     dependentRef?: React.MutableRefObject<HTMLTextAreaElement>;
     dataTestId?: string;
     handleKeyDown?: any;
+    disabled?: boolean;
+    disableOnBlurResizeToMinHeight?: boolean;
 }

package/dist/Common/Helper.d.ts

@@ -1,5 +1,4 @@
 import { default as React, SyntheticEvent } from 'react';
-import { JSONPathOptions } from 'jsonpath-plus';
 import { AsyncOptions, UseSearchString } from './Types';
 import { scrollableInterface } from '../Shared';
 
@@ -95,8 +94,6 @@ export declare const getRegexMatchPositions: (string: string, regex: RegExp) =>
  * @returns set of substrings
  */
 export declare const powerSetOfSubstringsFromStart: (strings: string[], regex: RegExp) => string[];
-export declare const convertJSONPointerToJSONPath: (pointer: string) => string;
-export declare const flatMapOfJSONPaths: (paths: string[], json: object, resultType?: JSONPathOptions['resultType']) => string[];
 /**
  * Returns a debounced variant of the function
  */

package/dist/Common/RJSF/templates/ArrayFieldItemTemplate.d.ts

@@ -1,3 +1,3 @@
 import { ArrayFieldTemplateItemType } from '@rjsf/utils';
 
-export declare const ArrayFieldItemTemplate: ({ children, disabled, hasToolbar, hasRemove, index, onDropIndexClick, readonly, registry, uiSchema, }: ArrayFieldTemplateItemType) => JSX.Element;
+export declare const ArrayFieldItemTemplate: ({ children, className, disabled, hasToolbar, hasRemove, index, onDropIndexClick, readonly, registry, uiSchema, }: ArrayFieldTemplateItemType) => JSX.Element;

package/dist/Common/RJSF/templates/ObjectFieldTemplate.d.ts

@@ -1,4 +1,3 @@
 import { ObjectFieldTemplateProps } from '@rjsf/utils';
-import { RJSFFormSchema } from '../types';
 
-export declare const ObjectFieldTemplate: (props: ObjectFieldTemplateProps<any, RJSFFormSchema, any>) => JSX.Element;
+export declare const ObjectFieldTemplate: (props: ObjectFieldTemplateProps) => JSX.Element;

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

@@ -1,16 +1,4 @@
 import { ComponentProps } from 'react';
 import { default as RJSFForm } from '@rjsf/core';
-import { StrictRJSFSchema } from '@rjsf/utils';
 
 export type FormProps = Omit<ComponentProps<typeof RJSFForm>, 'validator'>;
-interface Hidden {
-    condition: boolean;
-    match: string;
-}
-export interface RJSFFormSchema extends StrictRJSFSchema {
-    properties: {
-        [key: string]: RJSFFormSchema;
-    };
-    hidden: Hidden;
-}
-export {};

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

@@ -1,5 +1,5 @@
 import { TranslatableString } from '@rjsf/utils';
-import { default as Tippy } from '../Tippy';
+import { default as Tippy } from '@tippyjs/react';
 
 /**
  * Override for the TranslatableString from RJSF
@@ -25,4 +25,4 @@ export declare const getRedirectionProps: (url: string) => import('react').Ancho
  * Infers the type for json schema from value type
  */
 export declare const getInferredTypeFromValueType: (value: any) => "string" | "number" | "boolean" | "object" | "array" | "null";
-export declare const getTippyWrapperWithContent: (content: any, placement?: React.ComponentProps<typeof Tippy>['placement'], truncateWidth?: number) => (children: any) => JSX.Element;
+export declare const getTippyWrapperWithContent: (content: any, placement?: React.ComponentProps<typeof Tippy>['placement']) => (children: any) => JSX.Element;

package/dist/Common/Types.d.ts

@@ -189,6 +189,9 @@ export interface RadioInterface {
     showTippy?: boolean;
     tippyContent?: any;
     tippyPlacement?: string;
+    /**
+     * If false would make radio group controlled
+     */
     canSelect?: boolean;
     isDisabled?: boolean;
     tippyClass?: string;

package/dist/Common/index.d.ts

@@ -55,4 +55,3 @@ export * from './GenericDescription';
 export * from './SegmentedBarChart';
 export * from './CodeEditor';
 export * from './AppStatus';
-export { default as Tippy } from './Tippy';

package/dist/Pages/GlobalConfigurations/ScopedVariables/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/dist/Pages/GlobalConfigurations/ScopedVariables/types.d.ts

@@ -0,0 +1,17 @@
+export declare enum ScopedVariablesFileViewType {
+    /**
+     * Used to show yaml editor for editing/creating variables
+     */
+    YAML = "yaml",
+    /**
+     * Shows the variable list view
+     */
+    SAVED = "variables",
+    /**
+     * Shows the variables in environment list view
+     */
+    ENVIRONMENT_LIST = "environments"
+}
+export interface SavedVariablesViewParamsType {
+    currentView: ScopedVariablesFileViewType;
+}

package/dist/Pages/GlobalConfigurations/index.d.ts

@@ -1,2 +1,3 @@
 export * from './BuildInfra';
 export * from './Authorization';
+export * from './ScopedVariables';

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

@@ -0,0 +1,3 @@
+import { KeyValueTableProps } from './KeyValueTable.types';
+
+export declare const KeyValueTable: <K extends string>({ config, maskValue, isSortable, headerComponent, onChange, onDelete, placeholder, isAdditionNotAllowed, }: KeyValueTableProps<K>) => JSX.Element;

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

@@ -0,0 +1,77 @@
+import { ReactNode } from 'react';
+import { ResizableTagTextAreaProps } from '../../../Common';
+
+/**
+ * Interface representing a key-value header.
+ * @template K - A string representing the key type.
+ */
+export interface KeyValueHeader<K extends string> {
+    /** The label of the header. */
+    label: string;
+    /** The key associated with the header. */
+    key: K;
+    /** An optional class name for the header. */
+    className?: string;
+}
+/**
+ * Type representing a key-value row.
+ * @template K - A string representing the key type.
+ */
+export type KeyValueRow<K extends string> = {
+    data: {
+        [key in K]: Pick<ResizableTagTextAreaProps, 'value' | 'dataTestId' | 'disabled' | 'tabIndex'> & {
+            /** An optional boolean indicating if an asterisk should be shown. */
+            required?: boolean;
+        };
+    };
+    id: string | number;
+};
+/**
+ * Interface representing the configuration for a key-value table.
+ * @template K - A string representing the key type.
+ */
+export interface KeyValueConfig<K extends string> {
+    /** An array containing two key-value headers. */
+    headers: [KeyValueHeader<K>, KeyValueHeader<K>];
+    /** An array of key-value rows. */
+    rows: KeyValueRow<K>[];
+}
+/**
+ * Type representing a mask for key-value pairs.
+ * @template K - A string representing the key type.
+ */
+export type KeyValueMask<K extends string> = {
+    [key in K]?: boolean;
+};
+export type KeyValuePlaceholder<K extends string> = {
+    [key in K]?: string;
+};
+/**
+ * Interface representing the properties for a key-value table component.
+ * @template K - A string representing the key type.
+ */
+export interface KeyValueTableProps<K extends string> {
+    /** The configuration for the key-value table. */
+    config: KeyValueConfig<K>;
+    /** An optional mask for the key-value pairs. */
+    maskValue?: KeyValueMask<K>;
+    placeholder?: KeyValuePlaceholder<K>;
+    /** An optional boolean indicating if the table is sortable. */
+    isSortable?: boolean;
+    /** An optional React node for a custom header component. */
+    headerComponent?: ReactNode;
+    /** When true, data addition field will not be shown */
+    isAdditionNotAllowed?: boolean;
+    /**
+     * An optional function to handle changes in the table rows.
+     * @param rowId - The id of the row that changed.
+     * @param headerKey - The key of the header that changed.
+     * @param value - The value of the cell.
+     */
+    onChange?: (rowId: string | number, headerKey: K, value: string) => void;
+    /**
+     * An optional function to handle row deletions.
+     * @param deletedRowIndex - The index of the row that was deleted.
+     */
+    onDelete?: (deletedRowId: string | number) => void;
+}

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

@@ -0,0 +1,2 @@
+export * from './KeyValueTable.component';
+export * from './KeyValueTable.types';

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

@@ -1,3 +1,5 @@
+import { MenuListProps } from 'react-select';
+
 export declare const getCommonSelectStyle: (styleOverrides?: {}) => {
     container: (base: any, state: any) => any;
     menuList: (base: any) => any;
@@ -28,3 +30,6 @@ export declare const commonSelectStyles: {
     group: (base: any) => any;
     groupHeading: (base: any) => any;
 };
+export declare const MenuListWithApplyButton: ({ handleApplyFilter, ...props }: MenuListProps<unknown, boolean, import('react-select').GroupBase<unknown>> & {
+    handleApplyFilter: () => void;
+}) => JSX.Element;

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

@@ -30,3 +30,4 @@ export * from './ImageChipCell';
 export * from './ArtifactInfoModal';
 export * from './MaterialHistory';
 export * from './IframeContainer';
+export * from './KeyValueTable';

package/dist/Shared/validations.d.ts

@@ -21,3 +21,10 @@ export declare const validateRequiredPositiveNumber: (value: string | number) =>
 export declare const validateRequiredPositiveInteger: (value: string | number) => ValidationResponseType;
 export declare const validateURL: (url: string, allowBase64Url?: boolean) => ValidationResponseType;
 export declare const validateIfImageExist: (url: string) => Promise<ValidationResponseType>;
+export declare const validateUniqueKeys: (keys: string[]) => {
+    isValid: boolean;
+    message?: undefined;
+} | {
+    isValid: boolean;
+    message: string;
+};