adp-web-components 0.0.50 → 0.0.52

package/dist/types/global/lib/form-hook.d.ts

@@ -1,11 +1,14 @@
 import { AnyObjectSchema } from 'yup';
-import { Field, FieldType, FormElement, FormHookInterface, FormStateOptions } from "../types/forms";
+import { Field, FormElement, FormHookInterface, FormStateOptions } from "../types/forms";
 export declare class FormHook<T> {
+    successAnimation: () => void;
     private isSubmitted;
+    private cachedValues;
     private subscribers;
     private context;
     private schemaObject;
     private haltValidation;
+    private onValuesUpdate;
     private validationType;
     private subscribedFields;
     formErrors: {
@@ -13,22 +16,32 @@ export declare class FormHook<T> {
     };
     formController: any;
     constructor(context: FormHookInterface<T>, schemaObject: AnyObjectSchema, formStateOptions?: FormStateOptions);
+    setSuccessAnimation: (newSuccessAnimation: typeof this.successAnimation) => () => void;
     subscribe: (formName: string, formElement: FormElement) => number;
     unsubscribe: (formName: string) => {
         name: string;
         context: FormElement;
     }[];
     reset(): void;
+    onInput: (event: Event) => void;
     resetFormErrorMessage: () => string;
     getFormErrors: () => {
         [key: string]: string;
     };
-    getValues: () => {
+    setCachedValues: (newValues: Partial<T>) => void;
+    getValues: () => Partial<T> & {
         [k: string]: FormDataEntryValue;
     };
     private focusFirstInput;
     onSubmit: (formEvent: SubmitEvent) => void;
-    newController: (name: string, fieldType: FieldType) => Field;
+    getInputState: (name: string) => Field;
     private signal;
-    private onChanges;
+    validateInput: (name: string) => {
+        isError: boolean;
+        errorMessage: any;
+    };
+    validateForm: (name: string, value: string, strict?: boolean) => {
+        isError: boolean;
+        errorMessage: any;
+    };
 }

package/dist/types/global/types/forms.d.ts

@@ -1,32 +1,28 @@
-import { LanguageKeys, Locale } from "./locales/index";
+import { JSX } from '../../stencil-public-runtime';
+import { LanguageKeys } from "./locales/index";
+import { FormHook } from "../lib/form-hook";
 export interface FormHookInterface<T> {
-    locale: Locale;
     el: HTMLElement;
     structure: string;
     renderControl: {};
     isLoading: boolean;
     errorMessage: string;
     language: LanguageKeys;
-    structureObject: StructureObject;
     formSubmit: (formValues: T) => void;
 }
 export type FormSelectItem = {
     value: string;
     label: string;
 };
-export type FormInputChanges = (event: InputEvent | string) => void;
-export type FormSelectFetcher = (language: string, signal: AbortSignal) => FormSelectItem[];
-export type FieldType = 'text' | 'select' | 'number' | 'text-area';
-export type FormElementMapper = Record<string, FieldType>;
+export type FormSelectFetcher = (language: string, signal: AbortSignal) => Promise<FormSelectItem[]>;
 export type ValidationType = 'onSubmit' | 'always';
 export interface Field {
     name: string;
     isError: boolean;
     disabled: boolean;
     isRequired: boolean;
-    fieldType: FieldType;
     errorMessage: string;
-    inputChanges: FormInputChanges;
+    continuousValidation: boolean;
 }
 export type FieldControllers = Record<string, Field>;
 export interface FormStateOptions {
@@ -53,4 +49,15 @@ export type Subscribers = {
     name: string;
     context: FormElement;
 }[];
+type FormElementMapperFunction = (ElementContext: {
+    form: FormHook<any>;
+    isLoading: boolean;
+    structureElement: StructureObject;
+    language: LanguageKeys;
+}) => JSX.Element;
+export type FormElementMapper<T> = {
+    [K in keyof T]: FormElementMapperFunction;
+} & {
+    submit: FormElementMapperFunction;
+};
 export {};

package/dist/types/global/types/general.d.ts

@@ -12,3 +12,12 @@ export type Grecaptcha = {
         'expired-callback'?: () => void;
     }): number;
 };
+export type InputParams = {
+    id?: string;
+    name: string;
+    type?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    defaultValue?: string;
+    onInput?: (event: InputEvent) => void;
+};

package/dist/types/global/types/locales/general.d.ts

@@ -1,7 +1,11 @@
 export declare const generalSchema: import("yup").ObjectSchema<{
     close: string;
+    submit: string;
     noSelectOptions: string;
+    formSubmittedSuccessfully: string;
 }, import("yup").AnyObject, {
     close: undefined;
+    submit: undefined;
     noSelectOptions: undefined;
+    formSubmittedSuccessfully: undefined;
 }, "">;

package/dist/types/global/types/locales/index.d.ts

@@ -49,7 +49,9 @@ export declare const localeSchema: import("yup").ObjectSchema<{
     };
     general: {
         close?: string;
+        submit?: string;
         noSelectOptions?: string;
+        formSubmittedSuccessfully?: string;
     };
     lang: string;
     noData: string;
@@ -229,7 +231,9 @@ export declare const localeSchema: import("yup").ObjectSchema<{
     };
     general: {
         close: undefined;
+        submit: undefined;
         noSelectOptions: undefined;
+        formSubmittedSuccessfully: undefined;
     };
     lang: undefined;
     noData: undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adp-web-components",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "description": "ADP Platform Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",