gbs-add-block 0.0.96 → 0.0.98

package/README.md

@@ -1,4 +1,4 @@
-# GBS Building Blocks 2.0 (v0.0.96)
+# GBS Building Blocks 2.0 (v0.0.98)
 
 Latest and upgraded version of GBS building blocks with headless UI and removed dependencies.
 
@@ -6,7 +6,7 @@ Latest and upgraded version of GBS building blocks with headless UI and removed
 
 For detailed documentation on usage and props, Please visit: [Building Block Documentation v2.0](https://blackmax-designs.gitbook.io/building-block-v2.0)
 
-## What's New 🎉 (Ver 0.0.96)
+## What's New 🎉 (Ver 0.0.98)
 
 - Updated for bug fixes.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gbs-add-block",
-  "version": "0.0.96",
+  "version": "0.0.98",
   "description": "React Component Library",
   "type": "module",
   "files": [

package/source/components/datagrid/context/GridContext.tsx

@@ -66,6 +66,7 @@ interface GridContextType {
   rowChange: (rowData: any) => void;
   showTotalPages?: boolean;
   onSearch?: (searchParam: string) => void;
+  onToolbarButtonClick?: (action: string) => void;
 }
 
 const GridContext = createContext<GridContextType | undefined>(undefined);
@@ -99,6 +100,7 @@ export const GridProvider: React.FC<{
     searchParamValue = () => {},
     showTotalPages = false,
     onSearch = () => {},
+    onToolbarButtonClick = () => {},
   } = props;
 
   // States Handling Grid
@@ -148,7 +150,11 @@ export const GridProvider: React.FC<{
             : Math.ceil(dataSource.length / pageSettings.pageNumber);
 
         setTotalPages(totalPages);
-        setPageEnd(Math.min(10, totalPages));
+        if (!lazy) {
+          setPageEnd(Math.min(10, totalPages));
+        } else {
+          setPageEnd(Math.min(pageStart + 10, totalPages));
+        }
       } else if (typeof dataSource === "string") {
         await getGridData();
       }
@@ -425,6 +431,7 @@ export const GridProvider: React.FC<{
     rowChange,
     showTotalPages,
     onSearch,
+    onToolbarButtonClick,
   };
 
   return (

package/source/components/datagrid/hooks/GridHooks.tsx

@@ -37,8 +37,13 @@ export const useGridPagination = () => {
 
 // Hook for grid search functionality
 export const useGridSearch = () => {
-  const { searchParam, handleSearchInput, handleSearch, enableSearch, onSearch } =
-    useGridContext();
+  const {
+    searchParam,
+    handleSearchInput,
+    handleSearch,
+    enableSearch,
+    onSearch,
+  } = useGridContext();
 
   return {
     searchParam,
@@ -90,6 +95,8 @@ export const useGridExport = () => {
     pdfName,
     pdfOptions,
     gridButtonClass,
+    onToolbarButtonClick,
+    lazy,
   } = useGridContext();
 
   return {
@@ -101,5 +108,7 @@ export const useGridExport = () => {
     pdfName,
     pdfOptions,
     gridButtonClass,
+    onToolbarButtonClick,
+    lazy,
   };
 };

package/source/components/datagrid/layout/GridToolbar.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { lazy } from "react";
 import { useGridExport, useGridSearch } from "../hooks/GridHooks";
 import {
   exportToExcelHelper,
@@ -25,6 +25,7 @@ const GridToolbar = () => {
     pdfName,
     pdfOptions,
     gridButtonClass,
+    onToolbarButtonClick,
   } = useGridExport();
 
   if (!enableSearch && !enableExcelExport && !enablePdfExport) {
@@ -70,7 +71,11 @@ const GridToolbar = () => {
             <button
               className={gridButtonClass}
               onClick={() => {
-                exportToExcelHelper(workingDataSource, columns, excelName);
+                if (!lazy) {
+                  exportToExcelHelper(workingDataSource, columns, excelName);
+                }
+
+                if (onToolbarButtonClick) onToolbarButtonClick("excelExport");
               }}
             >
               Export to Excel
@@ -81,12 +86,15 @@ const GridToolbar = () => {
             <button
               className={gridButtonClass}
               onClick={() => {
-                exportToPDFHelper(
-                  workingDataSource,
-                  columns,
-                  pdfName,
-                  pdfOptions
-                );
+                if (!lazy) {
+                  exportToPDFHelper(
+                    workingDataSource,
+                    columns,
+                    pdfName,
+                    pdfOptions
+                  );
+                }
+                if (onToolbarButtonClick) onToolbarButtonClick("pdfExport");
               }}
             >
               Export to PDF

package/source/components/datagrid/type.ts

@@ -40,6 +40,7 @@ export type GridProps = {
   searchParamValue?: (value: string) => void;
   showTotalPages?: boolean;
   onSearch?: (value: string) => void;
+  onToolbarButtonClick?: (action: string) => void;
 };
 
 interface GridColumn {