@smart-factor/gem-ui-components 0.0.41 → 0.0.43

package/dist/components/TableComponents/TableWithPagination/TableWithPagination.d.ts

@@ -1,4 +1,4 @@
 import { GridValidRowModel } from '@mui/x-data-grid-pro';
 import { TableWithPaginationProps } from './types';
 
-export declare const TableWithPagination: <T extends GridValidRowModel>({ rowsData, paginationAndSortState, setPaginationAndSortState, isLoading, columns, offset, tableKey, filterModel, onFilterModelChange, pinnedColumns, exportDataAsExcel, }: TableWithPaginationProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableWithPagination: <T extends GridValidRowModel>({ rowsData, paginationAndSortState, setPaginationAndSortState, isLoading, columns, offset, tableKey, filterModel, onFilterModelChange, pinnedColumns, exportDataAsExcel, showPaginationFirstAndLastButtons, }: TableWithPaginationProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TableComponents/TableWithPagination/types.d.ts

@@ -48,5 +48,6 @@ export interface TableWithPaginationProps<T extends GridValidRowModel> {
     filterModel?: GridFilterModel;
     onFilterModelChange?: (model: GridFilterModel, details: GridCallbackDetails<'filter'>) => void;
     exportDataAsExcel?: (gridApiRef: React.MutableRefObject<GridApiPro>) => void;
+    showPaginationFirstAndLastButtons?: boolean;
 }
 export {};

package/dist/main.js

@@ -38496,40 +38496,41 @@ const AD = (e) => {
   filterModel: s,
   onFilterModelChange: c,
   pinnedColumns: u,
-  exportDataAsExcel: d
+  exportDataAsExcel: d,
+  showPaginationFirstAndLastButtons: p = !1
 }) => {
-  const p = Hp(), { state: b } = XO(l, p), [h, y] = Xt({
+  const b = Hp(), { state: h } = XO(l, b), [y, v] = Xt({
     page: t.page,
     pageSize: t.size
-  }), v = [
+  }), O = [
     {
       field: t.sort.field || "",
       sort: t.sort.direction || "asc"
     }
-  ], O = () => {
-    const S = p.current.getSortModel();
-    o((k) => {
-      var P, w;
+  ], C = () => {
+    const k = b.current.getSortModel();
+    o((P) => {
+      var w, F;
       return {
-        ...k,
+        ...P,
         sort: {
-          field: ((P = S[0]) == null ? void 0 : P.field) || "",
-          direction: ((w = S[0]) == null ? void 0 : w.sort) || ""
+          field: ((w = k[0]) == null ? void 0 : w.field) || "",
+          direction: ((F = k[0]) == null ? void 0 : F.sort) || ""
         }
       };
     });
-  }, C = (S) => {
-    o((k) => ({
-      ...k,
-      page: S.page,
-      size: S.pageSize
-    })), y(S);
-  }, x = () => {
-    var S, k;
+  }, x = (k) => {
+    o((P) => ({
+      ...P,
+      page: k.page,
+      size: k.pageSize
+    })), v(k);
+  }, T = () => {
+    var k, P;
     return {
-      ...b,
+      ...h,
       sorting: {
-        sortModel: v
+        sortModel: O
       },
       pagination: {
         paginationModel: {
@@ -38539,43 +38540,49 @@ const AD = (e) => {
       },
       pinnedColumns: {
         left: [
-          ...((S = b == null ? void 0 : b.pinnedColumns) == null ? void 0 : S.left) || [],
+          ...((k = h == null ? void 0 : h.pinnedColumns) == null ? void 0 : k.left) || [],
           ...(u == null ? void 0 : u.left) || []
         ],
         right: [
-          ...((k = b == null ? void 0 : b.pinnedColumns) == null ? void 0 : k.right) || [],
+          ...((P = h == null ? void 0 : h.pinnedColumns) == null ? void 0 : P.right) || [],
           ...(u == null ? void 0 : u.right) || []
         ]
       }
     };
-  }, T = ID(e == null ? void 0 : e.total_elements, 0);
+  }, S = ID(e == null ? void 0 : e.total_elements, 0);
   return /* @__PURE__ */ g(VD, { offset: i, children: /* @__PURE__ */ g(
     Wp,
     {
       loading: n,
-      apiRef: p,
+      apiRef: b,
       localeText: RD,
       rows: (e == null ? void 0 : e.content) || [],
       columns: a,
-      initialState: x(),
+      initialState: T(),
       slots: {
         // @ts-expect-error missing props passed below
         toolbar: jD
       },
       slotProps: {
         toolbar: {
-          gridApiRef: p,
+          gridApiRef: b,
           exportDataAsExcel: d,
           isFilterActive: !!s
+        },
+        pagination: {
+          showFirstButton: p,
+          showLastButton: p
         }
       },
       sortingMode: "server",
-      onSortModelChange: O,
+      onSortModelChange: C,
       pagination: !0,
       paginationMode: "server",
-      rowCount: T,
-      paginationModel: h,
-      onPaginationModelChange: C,
+      rowCount: S,
+      paginationModel: y,
+      showFirstButton: !0,
+      showLastButton: !0,
+      onPaginationModelChange: x,
       pageSizeOptions: [10, 20, 30, 40, 50],
       filterMode: "server",
       filterModel: s,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-factor/gem-ui-components",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "private": false,
   "description": "Gem UI Components",
   "type": "module",
@@ -28,6 +28,7 @@
     "@mui/x-data-grid-pro": "7.16.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.0",
     "react-router-dom": "^6.26.0"
   },
   "devDependencies": {
@@ -81,7 +82,7 @@
     "lint-staged": "^15.2.8",
     "lodash-es": "^4.17.21",
     "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.52.2",
+    "react-hook-form": "^7.53.0",
     "react-hot-toast": "^2.4.1",
     "react-intersection-observer": "^9.13.1",
     "react-router-dom": "^6.26.0"