@devtron-labs/devtron-fe-common-lib 0.1.5 → 0.1.6

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/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/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;
+};