@ssplib/react-components 0.0.278 → 0.0.280

package/components/form/table/Table.js

@@ -74,7 +74,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
     const theme = (0, material_1.useTheme)();
     const isSmall = (0, material_1.useMediaQuery)(theme.breakpoints.only('xs'));
     const startData = (0, react_1.useRef)(data);
-    const orderAsc = (0, react_1.useRef)(false);
+    const orderAsc = (0, react_1.useRef)((localStorage.getItem(`order-${id}`) === 'true') || false);
     const lg = (0, material_1.useMediaQuery)(theme.breakpoints.up(2000));
     localTableName = `tableFilter_${id}`;
     localTableNameCache = `tableFilterCache_${id}`;
@@ -116,8 +116,31 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
                             startData.current = [];
                         }
                         else {
-                            setData(value);
-                            startData.current = JSON.parse(JSON.stringify(value));
+                            let newValue = value;
+                            // começando a ordenação padrão
+                            if (localStorage.getItem(`order-data-${id}`)) {
+                                try {
+                                    const orderData = JSON.parse(localStorage.getItem(`order-data-${id}`));
+                                    newValue = (0, utils_1.ordenarDados)({
+                                        order: orderData,
+                                        list: value,
+                                        orderAsc: orderAsc.current,
+                                    });
+                                }
+                                catch (err) {
+                                    console.log(err);
+                                }
+                            }
+                            else if (orderBy.length > 0) {
+                                // se não tiver salvo uma ordenação, ordena pelo primeiro da lista
+                                newValue = (0, utils_1.ordenarDados)({
+                                    order: orderBy[0],
+                                    list: value,
+                                    orderAsc: orderAsc.current,
+                                });
+                            }
+                            setData(newValue);
+                            startData.current = JSON.parse(JSON.stringify(newValue));
                         }
                     }
                     setIsLoading(false);
@@ -139,7 +162,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
     (0, react_1.useEffect)(() => {
         if (isLoading || error || !getData(data))
             return;
-        const value = getData(data);
+        let value = getData(data);
         setList(value);
         setListClone(value);
         setPagCount((0, utils_1.getCount)(value, itemsCount));
@@ -313,13 +336,15 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
         });
     };
     const handleOrdenarDados = (x) => {
+        /** Inverter a ordem de ordenação no segundo clique */
+        orderAsc.current = !orderAsc.current;
         const dadosOrdenados = (0, utils_1.ordenarDados)({
             order: x,
             list,
             orderAsc: orderAsc.current,
         });
-        /** Inverter a ordem de ordenação no segundo clique */
-        orderAsc.current = !orderAsc.current;
+        localStorage.setItem(`order-${id}`, orderAsc.current.toString());
+        localStorage.setItem(`order-data-${id}`, JSON.stringify(x));
         setList(dadosOrdenados);
     };
     if (error)
@@ -353,7 +378,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
                         react_1.default.createElement(material_1.Stack, { direction: 'row', borderRadius: 5, padding: 0 },
                             react_1.default.createElement("span", null, "Filtrar"))),
                     react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 1 },
-                        react_1.default.createElement(CustomMenu_1.default, { data: orderBy.map((x) => ({
+                        orderBy.length > 0 && react_1.default.createElement(CustomMenu_1.default, { data: orderBy.map((x) => ({
                                 name: x.label,
                                 onClick: () => handleOrdenarDados(x),
                             })), btProps: {

package/components/form/table/types.d.ts

@@ -124,7 +124,7 @@ export interface TableProps {
     /** Usa autenticação via Keycloak */
     useKC?: boolean;
     /** Dados iniciais da tabela */
-    initialData: Array<{
+    initialData?: Array<{
         [key: string]: any;
     }> | null;
     /** Flag de carregamento dos dados da tabela */

package/components/providers/FormProvider.js

@@ -28,7 +28,7 @@ const react_hook_form_1 = require("react-hook-form");
 const form_1 = require("../../context/form");
 const react_toastify_1 = require("react-toastify");
 function FormProvider({ children, onSubmit, formMethod = 'GET', submiting = false }) {
-    const { register, handleSubmit, control, formState: { errors }, reset, watch, trigger, setValue, unregister, getValues, } = (0, react_hook_form_1.useForm)();
+    const { register, handleSubmit, control, formState, reset, watch, trigger, setValue, unregister, getValues } = (0, react_hook_form_1.useForm)();
     const [filesUid, setFilesUid] = (0, react_1.useState)([]);
     return (react_1.default.createElement(form_1.FormContext.Provider, { value: {
             formRegister: register,
@@ -41,7 +41,8 @@ function FormProvider({ children, onSubmit, formMethod = 'GET', submiting = fals
             formGetValues: getValues,
             formHandleSubmit: handleSubmit,
             setFilesUid: setFilesUid,
-            errors: errors,
+            formState: formState,
+            errors: formState === null || formState === void 0 ? void 0 : formState.errors,
             submiting: submiting,
         } },
         react_1.default.createElement("form", { method: formMethod, onSubmit: handleSubmit((data) => onSubmit(data, filesUid), () => (0, react_toastify_1.toast)('Formulário incompleto! Verifique os campos marcados e tente novamente.', {

package/context/form.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { Control, FieldErrors, FieldValues, UseFormGetValues, UseFormHandleSubmit, UseFormRegister, UseFormReset, UseFormSetValue, UseFormTrigger, UseFormUnregister, UseFormWatch } from 'react-hook-form';
+import { Control, FieldErrors, FieldValues, UseFormGetValues, UseFormHandleSubmit, UseFormRegister, UseFormReset, UseFormSetValue, UseFormStateReturn, UseFormTrigger, UseFormUnregister, UseFormWatch } from 'react-hook-form';
 export declare const FormContext: import("react").Context<{
     formRegister: UseFormRegister<FieldValues>;
     formWatch: UseFormWatch<FieldValues>;
@@ -14,6 +14,7 @@ export declare const FormContext: import("react").Context<{
         CO_SEQ_ARQUIVO: number;
         CO_TIPO_ARQUIVO: number;
     }[]>>;
+    formState: UseFormStateReturn<FieldValues>;
     errors: FieldErrors<FieldValues>;
     submiting: boolean;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.278",
+    "version": "0.0.280",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",
@@ -36,9 +36,15 @@
         "type": "git",
         "url": "git+https://github.com/SSPDF/ssp-components.git"
     },
-    "keywords": ["front", "react", "components", "ssp", "df"],
+    "keywords": [
+        "front",
+        "react",
+        "components",
+        "ssp",
+        "df"
+    ],
     "bugs": {
         "url": "https://github.com/SSPDF/ssp-components/issues"
     },
     "homepage": "https://github.com/SSPDF/ssp-components#readme"
-}
+}