@ssplib/react-components 0.0.279 → 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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.279",
+    "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"
-}
+}