@ssplib/react-components 0.0.36 → 0.0.37

package/components/providers/FormProvider.d.ts

@@ -1,8 +1,9 @@
 import { ReactElement } from 'react';
 import { FieldValues } from 'react-hook-form';
+import type { FilesID } from '../../types/form';
 export default function FormProvider({ children, onSubmit, formMethod, submiting, }: {
     children: ReactElement | ReactElement[];
-    onSubmit: (data: FieldValues) => void;
+    onSubmit: (data: FieldValues, filesUid?: FilesID) => void;
     formMethod?: 'POST' | 'GET' | 'PUT' | 'DELETE' | 'UPDATE';
     submiting?: boolean;
 }): JSX.Element;

package/components/providers/FormProvider.js

@@ -28,7 +28,7 @@ const react_hook_form_1 = require("react-hook-form");
 const form_1 = require("../../context/form");
 function FormProvider({ children, onSubmit, formMethod = 'GET', submiting = false, }) {
     const { register, handleSubmit, formState: { errors }, reset, watch, trigger, setValue, unregister, getValues, } = (0, react_hook_form_1.useForm)();
-    const [filesUid, setFilesUid] = (0, react_1.useState)([]);
+    const [filesId, setFilesUid] = (0, react_1.useState)([]);
     return (react_1.default.createElement(form_1.FormContext.Provider, { value: {
             formRegister: register,
             formWatch: watch,
@@ -42,6 +42,6 @@ function FormProvider({ children, onSubmit, formMethod = 'GET', submiting = fals
             errors: errors,
             submiting: submiting,
         } },
-        react_1.default.createElement("form", { method: formMethod, onSubmit: handleSubmit(onSubmit) }, children)));
+        react_1.default.createElement("form", { method: formMethod, onSubmit: handleSubmit((d) => onSubmit(d, filesId)) }, children)));
 }
 exports.default = FormProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.36",
+    "version": "0.0.37",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",

package/types/form.d.ts

@@ -0,0 +1,63 @@
+import type { Dispatch, SetStateAction } from 'react';
+import { FieldErrors, FieldValues, UseFormGetValues, UseFormRegister, UseFormReset, UseFormSetValue, UseFormTrigger, UseFormUnregister, UseFormWatch } from 'react-hook-form';
+export declare enum FieldType {
+    INPUT = 0,
+    MULT_INPUT = 1,
+    PHONE = 2,
+    CPF_CNPJ = 3,
+    CPF = 4,
+    CNPJ = 5,
+    RG = 6,
+    EMAIL = 7,
+    ACTIVE = 8,
+    CHECKBOX = 9,
+    CHECKBOX_WARNING = 10,
+    OTHER_CHECKBOX = 11,
+    LABEL = 12,
+    CUSTOM = 13,
+    FILE = 14,
+    MULT_FILE = 15,
+    DATE = 16,
+    TIME = 17,
+    NUMBER = 18,
+    AUTO_COMPLETE = 19
+}
+export declare enum ColumnDirection {
+    ROW = "row",
+    COLUMN = "column"
+}
+export interface FormField {
+    type?: FieldType;
+    name?: string;
+    title?: string;
+    required?: boolean;
+    customPlaceholder?: string;
+    size?: number;
+    customForm?: React.ReactElement;
+    customData?: any;
+}
+export interface FormData {
+    title: string;
+    required: boolean;
+    formFields: FormField[];
+    name?: string;
+}
+export interface FormContextType {
+    formRegister: UseFormRegister<FieldValues>;
+    formWatch: UseFormWatch<FieldValues>;
+    formReset: UseFormReset<FieldValues>;
+    formSetValue: UseFormSetValue<FieldValues>;
+    formTrigger: UseFormTrigger<FieldValues>;
+    formUnregister: UseFormUnregister<FieldValues>;
+    formGetValues: UseFormGetValues<FieldValues>;
+    setFilesUid: Dispatch<SetStateAction<{
+        CO_SEQ_ARQUIVO: number;
+        CO_TIPO_ARQUIVO: number;
+    }[]>>;
+    errors: FieldErrors<FieldValues>;
+    submiting: boolean;
+}
+export type FilesID = {
+    CO_SEQ_ARQUIVO: number;
+    CO_TIPO_ARQUIVO: number;
+}[];

package/types/form.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnDirection = exports.FieldType = void 0;
+var FieldType;
+(function (FieldType) {
+    FieldType[FieldType["INPUT"] = 0] = "INPUT";
+    FieldType[FieldType["MULT_INPUT"] = 1] = "MULT_INPUT";
+    FieldType[FieldType["PHONE"] = 2] = "PHONE";
+    FieldType[FieldType["CPF_CNPJ"] = 3] = "CPF_CNPJ";
+    FieldType[FieldType["CPF"] = 4] = "CPF";
+    FieldType[FieldType["CNPJ"] = 5] = "CNPJ";
+    FieldType[FieldType["RG"] = 6] = "RG";
+    FieldType[FieldType["EMAIL"] = 7] = "EMAIL";
+    FieldType[FieldType["ACTIVE"] = 8] = "ACTIVE";
+    FieldType[FieldType["CHECKBOX"] = 9] = "CHECKBOX";
+    FieldType[FieldType["CHECKBOX_WARNING"] = 10] = "CHECKBOX_WARNING";
+    FieldType[FieldType["OTHER_CHECKBOX"] = 11] = "OTHER_CHECKBOX";
+    FieldType[FieldType["LABEL"] = 12] = "LABEL";
+    FieldType[FieldType["CUSTOM"] = 13] = "CUSTOM";
+    FieldType[FieldType["FILE"] = 14] = "FILE";
+    FieldType[FieldType["MULT_FILE"] = 15] = "MULT_FILE";
+    FieldType[FieldType["DATE"] = 16] = "DATE";
+    FieldType[FieldType["TIME"] = 17] = "TIME";
+    FieldType[FieldType["NUMBER"] = 18] = "NUMBER";
+    FieldType[FieldType["AUTO_COMPLETE"] = 19] = "AUTO_COMPLETE";
+})(FieldType = exports.FieldType || (exports.FieldType = {}));
+var ColumnDirection;
+(function (ColumnDirection) {
+    ColumnDirection["ROW"] = "row";
+    ColumnDirection["COLUMN"] = "column";
+})(ColumnDirection = exports.ColumnDirection || (exports.ColumnDirection = {}));