@devtron-labs/devtron-fe-common-lib 0.3.1 → 0.3.2-beta-1

package/dist/Common/Helper.d.ts

@@ -22,12 +22,6 @@ export declare const refresh: () => void;
 export declare const reportIssue: () => void;
 export declare function useEffectAfterMount(cb: any, dependencies: any): void;
 export declare function getCookie(sKey: any): string;
-export declare function useForm(stateSchema: any, validationSchema: {}, callback: any): {
-    state: any;
-    disable: boolean;
-    handleOnChange: (event: any) => void;
-    handleOnSubmit: (event: any) => void;
-};
 export declare function handleUTCTime(ts: string, isRelativeTime?: boolean): string;
 export declare function useSearchString(): UseSearchString;
 export declare const closeOnEscKeyPressed: (e: any, actionClose: () => void) => void;

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

@@ -1,3 +1,4 @@
 export * from './UsePrompt';
 export * from './useGetResourceKindsOptions';
 export * from './UseDownload';
+export * from './useForm';

package/dist/Shared/Hooks/useForm/index.d.ts

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

package/dist/Shared/Hooks/useForm/useForm.d.ts

@@ -0,0 +1,29 @@
+import { ChangeEvent, FormEvent } from 'react';
+import { UseFormSubmitHandler, UseFormValidations } from './useForm.types';
+/**
+ * A custom hook to manage form state, validation, and submission handling.
+ *
+ * @template T - A record type representing form data.
+ * @param options (optional) - Options for initial form values, validation rules, and form mode.
+ * @param options.validations - An object containing validation rules for form fields.
+ * @param options.initialValues - An object representing the initial values of the form.
+ * @param options.mode (default: `onChange`) - A string to set validation mode, either 'onChange' or 'onBlur'.
+ * @returns Returns form state, handlers for change and submission, validation errors, and a trigger function for manual validation.
+ */
+export declare const useForm: <T extends Record<keyof T, any> = {}>(options?: {
+    validations?: UseFormValidations<T>;
+    initialValues?: Partial<T>;
+    mode?: "onChange" | "onBlur";
+}) => {
+    data: T;
+    errors: Partial<Record<keyof T, string | string[]>>;
+    register: <S extends unknown>(name: keyof T, sanitizeFn?: (value: string) => S) => {
+        onChange: (e: ChangeEvent<HTMLInputElement & HTMLSelectElement>) => void;
+        onBlur: () => void;
+    };
+    handleSubmit: (onValid: UseFormSubmitHandler<T>) => (e: FormEvent<HTMLFormElement>) => void;
+    trigger: (name: keyof T | (keyof T)[]) => (string | string[]) | (string | string[])[];
+    touchedFields: Partial<Record<keyof T, boolean>>;
+    dirtyFields: Partial<Record<keyof T, boolean>>;
+    isDirty: boolean;
+};

package/dist/Shared/Hooks/useForm/useForm.types.d.ts

@@ -0,0 +1,30 @@
+import { FormEvent } from 'react';
+type ValidationRequired = boolean | {
+    value: boolean;
+    message: string;
+};
+type ValidationPattern = {
+    value: RegExp;
+    message: string;
+} | {
+    value: RegExp;
+    message: string;
+}[];
+type ValidationCustom = {
+    isValid: (value: string) => boolean;
+    message: string;
+} | {
+    isValid: (value: string) => boolean;
+    message: string;
+}[];
+export interface UseFormValidation {
+    required?: ValidationRequired;
+    pattern?: ValidationPattern;
+    custom?: ValidationCustom;
+}
+export type UseFormErrors<T> = Partial<Record<keyof T, string | string[]>>;
+export type DirtyFields<T> = Partial<Record<keyof T, boolean>>;
+export type TouchedFields<T> = Partial<Record<keyof T, boolean>>;
+export type UseFormValidations<T extends {}> = Partial<Record<keyof T, UseFormValidation>>;
+export type UseFormSubmitHandler<T extends {}> = (data: T, e?: FormEvent<HTMLFormElement>) => void;
+export {};

package/dist/Shared/Hooks/useForm/useForm.utils.d.ts

@@ -0,0 +1,10 @@
+import { UseFormValidation } from './useForm.types';
+/**
+ * Validates a form field based on the provided validation rules.
+ *
+ * @template T - A record type representing form data.
+ * @param value - The value of the form field to be validated.
+ * @param validation - The validation rules for the form field.
+ * @returns Returns error message(s) or null if valid.
+ */
+export declare const checkValidation: <T extends Record<keyof T, any> = {}>(value: T[keyof T], validation: UseFormValidation) => string | string[] | null;

package/dist/{cssMode-V4gOdo97.js → cssMode-ImfOWSq8.js}

@@ -1,7 +1,7 @@
 var Fe = Object.defineProperty;
 var Le = (e, n, i) => n in e ? Fe(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var k = (e, n, i) => Le(e, typeof n != "symbol" ? n + "" : n, i);
-import { m as je } from "./index-Dm6hBNN0.js";
+import { m as je } from "./index-OXtj7T5P.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{freemarker2-B3nU0rzE.js → freemarker2-BJ-2NO05.js}

@@ -1,4 +1,4 @@
-import { m as f } from "./index-Dm6hBNN0.js";
+import { m as f } from "./index-OXtj7T5P.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{handlebars-BS1jC8LD.js → handlebars-S1Dcde3S.js}

@@ -1,4 +1,4 @@
-import { m as l } from "./index-Dm6hBNN0.js";
+import { m as l } from "./index-OXtj7T5P.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{html-DlzH2FAN.js → html-bRe4LTd-.js}

@@ -1,4 +1,4 @@
-import { m as s } from "./index-Dm6hBNN0.js";
+import { m as s } from "./index-OXtj7T5P.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)

package/dist/{htmlMode-CBGvlMrI.js → htmlMode-jC_3p_EM.js}

@@ -1,7 +1,7 @@
 var Be = Object.defineProperty;
 var $e = (e, n, i) => n in e ? Be(e, n, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[n] = i;
 var k = (e, n, i) => $e(e, typeof n != "symbol" ? n + "" : n, i);
-import { m as qe } from "./index-Dm6hBNN0.js";
+import { m as qe } from "./index-OXtj7T5P.js";
 /*!-----------------------------------------------------------------------------
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Version: 0.44.0(3e047efd345ff102c8c61b5398fb30845aaac166)