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

package/src/Shared/validations.tsx

@@ -0,0 +1,130 @@
+export interface ValidationResponseType {
+    isValid: boolean
+    message?: string
+}
+
+const MESSAGES = {
+    PROVIDE_A_NUMBER: 'Please provide a number',
+    LOWERCASE_ALPHANUMERIC: 'Only lowercase alphanumeric characters, -, _ or . allowed',
+    CAN_NOT_START_END_WITH_SEPARATORS: 'Cannot start/end with -, _ or .',
+    getMinMaxCharMessage: (min: number, max: number) => `Minimum ${min} and maximum ${max} characters allowed`,
+    getMaxCharMessage: (max: number) => `Maximum ${max} characters are allowed`,
+    VALID_POSITIVE_NUMBER: 'This field should be a valid positive number',
+    VALID_POSITIVE_INTEGER: 'This field should be a valid positive integer',
+    MAX_SAFE_INTEGER: `Maximum allowed value is ${Number.MAX_SAFE_INTEGER}`,
+}
+
+const MAX_DESCRIPTION_LENGTH = 300
+
+export const validateName = (name: string): ValidationResponseType => {
+    if (!/^.{3,50}$/.test(name)) {
+        return {
+            isValid: false,
+            message: MESSAGES.getMinMaxCharMessage(3, 50),
+        }
+    }
+
+    if (!/^[a-z0-9-._]+$/.test(name)) {
+        return {
+            isValid: false,
+            message: MESSAGES.LOWERCASE_ALPHANUMERIC,
+        }
+    }
+
+    if (!/^(?![-._]).*[^-._]$/.test(name)) {
+        return {
+            isValid: false,
+            message: MESSAGES.CAN_NOT_START_END_WITH_SEPARATORS,
+        }
+    }
+
+    return {
+        isValid: true,
+    }
+}
+
+export const validateDescription = (description: string): ValidationResponseType => {
+    if (description?.length > MAX_DESCRIPTION_LENGTH) {
+        return {
+            isValid: false,
+            message: MESSAGES.getMaxCharMessage(MAX_DESCRIPTION_LENGTH),
+        }
+    }
+
+    return {
+        isValid: true,
+    }
+}
+
+export const validateRequiredPositiveNumber = (value: string | number): ValidationResponseType => {
+    if (!value) {
+        return {
+            isValid: false,
+            message: MESSAGES.PROVIDE_A_NUMBER,
+        }
+    }
+
+    // 0002 is a valid number
+    if (!/^\d+(\.\d+)?$/.test(value.toString())) {
+        return {
+            isValid: false,
+            message: MESSAGES.VALID_POSITIVE_NUMBER,
+        }
+    }
+
+    const numericValue = Number(value)
+
+    if (numericValue > Number.MAX_SAFE_INTEGER) {
+        return {
+            isValid: false,
+            message: MESSAGES.MAX_SAFE_INTEGER,
+        }
+    }
+
+    if (numericValue <= 0) {
+        return {
+            isValid: false,
+            message: MESSAGES.VALID_POSITIVE_NUMBER,
+        }
+    }
+
+    return {
+        isValid: true,
+    }
+}
+
+export const validateRequiredPositiveInteger = (value: string | number): ValidationResponseType => {
+    if (!value) {
+        return {
+            isValid: false,
+            message: MESSAGES.PROVIDE_A_NUMBER,
+        }
+    }
+
+    if (!/^\d+$/.test(value.toString())) {
+        return {
+            isValid: false,
+            message: MESSAGES.VALID_POSITIVE_INTEGER,
+        }
+    }
+
+    const numericValue = Number(value)
+
+    if (numericValue > Number.MAX_SAFE_INTEGER) {
+        return {
+            isValid: false,
+            message: MESSAGES.MAX_SAFE_INTEGER,
+        }
+    }
+
+    if (numericValue <= 0) {
+        return {
+            isValid: false,
+            message: MESSAGES.VALID_POSITIVE_INTEGER,
+        }
+    }
+
+    return {
+        isValid: true,
+    }
+}

package/src/custom.d.ts

@@ -0,0 +1,13 @@
+declare module '*.svg' {
+  import * as React from 'react';
+
+  export const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+
+  const src: string;
+  export default src;
+}
+
+declare module '*.png' {
+  const src: string;
+  export default src;
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export * from './Common'
+export * from './Pages'
+export * from './Shared'

package/tsconfig.json

@@ -0,0 +1,40 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "downlevelIteration": true,
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "checkJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "noImplicitAny": false,
+    "strictNullChecks": false,
+    "noFallthroughCasesInSwitch": true,
+    "declaration": true,
+  },
+  "exclude": [
+    "node_modules",
+    "**/*.spec.ts",
+    "**/*.spec.tsx",
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "build"
+  ],
+  "include": [
+    "src",
+    "src/custom.d.ts"
+  ]
+}

package/dist/Common/CodeEditor/CodeEditor.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-interface InformationBarProps {
-    text: string;
-    className?: string;
-    children?: React.ReactNode;
-}
-interface CodeEditorInterface {
-    value?: string;
-    lineDecorationsWidth?: number;
-    responseType?: string;
-    onChange?: (string: any) => void;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    children?: any;
-    defaultValue?: string;
-    mode?: 'json' | 'yaml' | 'shell' | 'dockerfile';
-    tabSize?: number;
-    readOnly?: boolean;
-    noParsing?: boolean;
-    minHeight?: number;
-    maxHeight?: number;
-    inline?: boolean;
-    height?: number | string;
-    shebang?: string | JSX.Element;
-    diffView?: boolean;
-    loading?: boolean;
-    customLoader?: JSX.Element;
-    theme?: string;
-    original?: string;
-    focus?: boolean;
-    validatorSchema?: any;
-    isKubernetes?: boolean;
-    cleanData?: boolean;
-    chartVersion?: any;
-}
-interface CodeEditorComposition {
-    Header?: React.FC<any>;
-    LanguageChanger?: React.FC<any>;
-    ThemeChanger?: React.FC<any>;
-    ValidationError?: React.FC<any>;
-    Clipboard?: React.FC<any>;
-    Warning?: React.FC<InformationBarProps>;
-    ErrorBar?: React.FC<InformationBarProps>;
-    Information?: React.FC<InformationBarProps>;
-}
-declare const CodeEditor: React.FC<CodeEditorInterface> & CodeEditorComposition;
-export default CodeEditor;

package/dist/Common/Select/Select.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SelectComposition, SelectProps } from './types';
-declare const Select: React.FC<SelectProps> & SelectComposition;
-export default Select;

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

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-export interface SelectComposition {
-    Button?: React.FC<any>;
-    OptGroup?: React.FC<any>;
-    Option?: React.FC<any>;
-    Search?: React.FC<any>;
-    All?: React.FC<any>;
-    Async?: React.FC<any>;
-}
-export interface OptionGroupProps {
-    label: string;
-    rootClassName?: string;
-}
-export interface SelectProps {
-    children: any;
-    onChange: (...args: any[]) => void;
-    valueComparator?: (...args: any[]) => boolean;
-    value?: any;
-    rootClassName?: string;
-    disabled?: boolean;
-    tabIndex?: number;
-    name?: string;
-    autoWidth?: boolean;
-    isKebab?: boolean;
-    dataTestId?: string;
-}
-export interface SelectAsync {
-    api: (...args: any[]) => Promise<any>;
-}