@devtron-labs/devtron-fe-common-lib 0.1.5-beta-1 → 0.1.6-beta-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/Helper.d.ts

@@ -1,4 +1,5 @@
 import { default as React, SyntheticEvent } from 'react';
+import { JSONPathOptions } from 'jsonpath-plus';
 import { AsyncOptions, UseSearchString } from './Types';
 import { scrollableInterface } from '../Shared';
 
@@ -94,6 +95,8 @@ 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, className, disabled, hasToolbar, hasRemove, index, onDropIndexClick, readonly, registry, uiSchema, }: ArrayFieldTemplateItemType) => JSX.Element;
+export declare const ArrayFieldItemTemplate: ({ children, disabled, hasToolbar, hasRemove, index, onDropIndexClick, readonly, registry, uiSchema, }: ArrayFieldTemplateItemType) => JSX.Element;

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

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

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

@@ -1,4 +1,16 @@
 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 '@tippyjs/react';
+import { default as Tippy } from '../Tippy';
 
 /**
  * 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']) => (children: any) => JSX.Element;
+export declare const getTippyWrapperWithContent: (content: any, placement?: React.ComponentProps<typeof Tippy>['placement'], truncateWidth?: number) => (children: any) => JSX.Element;

package/dist/Common/Tippy.d.ts

@@ -0,0 +1,4 @@
+import { TippyProps as TippyJSProps } from '@tippyjs/react';
+
+declare const Tippy: ({ truncateWidth, children, ...rest }: TippyJSProps & Record<'truncateWidth', number>) => JSX.Element;
+export default Tippy;

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

@@ -54,3 +54,4 @@ 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/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,30 +348,6 @@ 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;
-    };
-};
 export declare enum K8sResourcePayloadAppType {
     DEVTRON_APP = 0,
     HELM_APP = 1,

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