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

package/dist/Common/AppStatus/constants.d.ts

@@ -4,11 +4,6 @@ export declare const StatusConstants: {
         normalCase: string;
         lowerCase: string;
     };
-    NOT_READY: {
-        noSpaceLower: string;
-        normalCase: string;
-        lowerCase: string;
-    };
     APP_STATUS: {
         noSpaceLower: string;
         normalText: string;

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/Header/HeaderWithCreateButton/constants.d.ts

@@ -0,0 +1,22 @@
+declare const AppListConstants: {
+    SAMPLE_NODE_REPO_URL: string;
+    CREATE_DEVTRON_APP_URL: string;
+    AppTabs: {
+        DEVTRON_APPS: string;
+        HELM_APPS: string;
+        ARGO_APPS: string;
+    };
+    AppType: {
+        DEVTRON_APPS: string;
+        HELM_APPS: string;
+        ARGO_APPS: string;
+    };
+    FilterType: {
+        PROJECT: string;
+        CLUTSER: string;
+        NAMESPACE: string;
+        ENVIRONMENT: string;
+        APP_STATUS: string;
+    };
+};
+export default AppListConstants;

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/constants.d.ts

@@ -348,27 +348,3 @@ export declare const statusColor: {
 };
 export declare const APP_STATUS_HEADERS: string[];
 export declare const MATERIAL_EXCLUDE_TIPPY_TEXT = "Not available for build as this commit contains changes in excluded files or folders";
-export declare const AppListConstants: {
-    SAMPLE_NODE_REPO_URL: string;
-    CREATE_DEVTRON_APP_URL: string;
-    AppTabs: {
-        DEVTRON_APPS: string;
-        HELM_APPS: string;
-        ARGO_APPS: string;
-        FLUX_APPS: string;
-    };
-    AppType: {
-        DEVTRON_APPS: string;
-        HELM_APPS: string;
-        ARGO_APPS: string;
-        FLUX_APPS: string;
-    };
-    FilterType: {
-        PROJECT: string;
-        CLUTSER: string;
-        NAMESPACE: string;
-        ENVIRONMENT: string;
-        APP_STATUS: string;
-        TEMPLATE_TYPE: string;
-    };
-};

package/dist/Shared/types.d.ts

@@ -124,8 +124,7 @@ export declare enum AppType {
     DEVTRON_APP = "devtron_app",
     DEVTRON_HELM_CHART = "devtron_helm_chart",
     EXTERNAL_HELM_CHART = "external_helm_chart",
-    EXTERNAL_ARGO_APP = "external_argo_app",
-    EXTERNAL_FLUX_APP = "external_flux_app"
+    EXTERNAL_ARGO_APP = "external_argo_app"
 }
 export interface HelmReleaseStatus {
     status: string;
@@ -141,11 +140,6 @@ interface MaterialInfo {
     url: string;
     webhookData: string;
 }
-export interface FluxAppStatusDetail {
-    status: string;
-    message: string;
-    reason: string;
-}
 export interface AppDetails {
     appId?: number;
     appName: string;
@@ -187,7 +181,6 @@ export interface AppDetails {
     helmPackageName?: string;
     appStatus?: string;
     chartAvatar?: string;
-    FluxAppStatusDetail?: FluxAppStatusDetail;
 }
 export declare enum RegistryType {
     GIT = "git",

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