baaz-custom-components 5.2.0 → 5.2.2

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import * as react from 'react';
-import react__default, { ReactNode } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
 import { IApi } from '@svar-ui/react-grid';
 
 type NavbarData = NavbarEntry[];
@@ -48,7 +48,7 @@ interface NavbarProps {
     hubIdChangeHandler: (value: string) => void;
 }
 
-declare function Navbar({ navbarData, userData, onLogout, notificationData, router, hubDetails, hubIdEnable, hubIdChangeHandler, notificationHandler, }: NavbarProps): react.JSX.Element | null;
+declare function Navbar({ navbarData, userData, onLogout, notificationData, router, hubDetails, hubIdEnable, hubIdChangeHandler, notificationHandler, }: NavbarProps): React$1.JSX.Element | null;
 
 type BreadcrumbProps = {
     layoutName: string;
@@ -57,7 +57,7 @@ type BreadcrumbProps = {
     pathname?: string;
 };
 
-declare const CustomBreadcrumb: ({ layoutName, includeFrom, pathname, }: BreadcrumbProps) => react.JSX.Element;
+declare const CustomBreadcrumb: ({ layoutName, includeFrom, pathname, }: BreadcrumbProps) => React$1.JSX.Element;
 
 type SortOrder = "asc" | "desc";
 
@@ -145,8 +145,7 @@ type AnyRow = {
 interface SelectionAction {
     id: string;
     label: string;
-    icon?: react__default.ReactNode;
-    needsConfirmation?: boolean;
+    icon?: React__default.ReactNode;
 }
 interface GridSelectionProps {
     selectionEnabled?: boolean;
@@ -162,7 +161,7 @@ interface GridHeaderSelectionProps {
     onClearSelection?: () => void;
 }
 
-declare const Grid: react.ForwardRefExoticComponent<GridProps & GridSelectionProps & GridHeaderSelectionProps & react.RefAttributes<IApi | null>>;
+declare const _default$1: React__default.NamedExoticComponent<GridProps & GridSelectionProps & GridHeaderSelectionProps & React__default.RefAttributes<IApi | null>>;
 
 type Props = {
     cell: {
@@ -173,7 +172,7 @@ type Props = {
     sortOrder?: SortOrder | null;
     onSortChange?: (key: string, order: SortOrder) => void;
 };
-declare const _default: react__default.MemoExoticComponent<({ cell, sortKey, sortOrder, onSortChange }: Props) => react__default.JSX.Element>;
+declare const _default: React__default.MemoExoticComponent<({ cell, sortKey, sortOrder, onSortChange }: Props) => React__default.JSX.Element>;
 
 type Pagination$1 = {
     totalCount: number;
@@ -187,7 +186,7 @@ type Pagination$1 = {
     sizeChangerOptions?: number[];
 };
 
-declare function Pagination({ totalCount, count, currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showSizeChanger, sizeChangerOptions, }: Pagination$1): react.JSX.Element;
+declare function Pagination({ totalCount, count, currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showSizeChanger, sizeChangerOptions, }: Pagination$1): React$1.JSX.Element;
 
 interface ToolbarItem {
     id: string;
@@ -207,4 +206,4 @@ interface SlideToolbarProps {
 
 declare const SlideToolbar: React.FC<SlideToolbarProps>;
 
-export { type BreadcrumbProps, CustomBreadcrumb, Grid, type GridProps, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, Pagination, type Pagination$1 as PaginationProps, type RouteTree, type RouterAdapter, SlideToolbar, type SlideToolbarProps, _default as SortableHeaderCell, type ToolbarItem, type UserData };
+export { type BreadcrumbProps, CustomBreadcrumb, _default$1 as Grid, type GridProps, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, Pagination, type Pagination$1 as PaginationProps, type RouteTree, type RouterAdapter, SlideToolbar, type SlideToolbarProps, _default as SortableHeaderCell, type ToolbarItem, type UserData };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import * as react from 'react';
-import react__default, { ReactNode } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
 import { IApi } from '@svar-ui/react-grid';
 
 type NavbarData = NavbarEntry[];
@@ -48,7 +48,7 @@ interface NavbarProps {
     hubIdChangeHandler: (value: string) => void;
 }
 
-declare function Navbar({ navbarData, userData, onLogout, notificationData, router, hubDetails, hubIdEnable, hubIdChangeHandler, notificationHandler, }: NavbarProps): react.JSX.Element | null;
+declare function Navbar({ navbarData, userData, onLogout, notificationData, router, hubDetails, hubIdEnable, hubIdChangeHandler, notificationHandler, }: NavbarProps): React$1.JSX.Element | null;
 
 type BreadcrumbProps = {
     layoutName: string;
@@ -57,7 +57,7 @@ type BreadcrumbProps = {
     pathname?: string;
 };
 
-declare const CustomBreadcrumb: ({ layoutName, includeFrom, pathname, }: BreadcrumbProps) => react.JSX.Element;
+declare const CustomBreadcrumb: ({ layoutName, includeFrom, pathname, }: BreadcrumbProps) => React$1.JSX.Element;
 
 type SortOrder = "asc" | "desc";
 
@@ -145,8 +145,7 @@ type AnyRow = {
 interface SelectionAction {
     id: string;
     label: string;
-    icon?: react__default.ReactNode;
-    needsConfirmation?: boolean;
+    icon?: React__default.ReactNode;
 }
 interface GridSelectionProps {
     selectionEnabled?: boolean;
@@ -162,7 +161,7 @@ interface GridHeaderSelectionProps {
     onClearSelection?: () => void;
 }
 
-declare const Grid: react.ForwardRefExoticComponent<GridProps & GridSelectionProps & GridHeaderSelectionProps & react.RefAttributes<IApi | null>>;
+declare const _default$1: React__default.NamedExoticComponent<GridProps & GridSelectionProps & GridHeaderSelectionProps & React__default.RefAttributes<IApi | null>>;
 
 type Props = {
     cell: {
@@ -173,7 +172,7 @@ type Props = {
     sortOrder?: SortOrder | null;
     onSortChange?: (key: string, order: SortOrder) => void;
 };
-declare const _default: react__default.MemoExoticComponent<({ cell, sortKey, sortOrder, onSortChange }: Props) => react__default.JSX.Element>;
+declare const _default: React__default.MemoExoticComponent<({ cell, sortKey, sortOrder, onSortChange }: Props) => React__default.JSX.Element>;
 
 type Pagination$1 = {
     totalCount: number;
@@ -187,7 +186,7 @@ type Pagination$1 = {
     sizeChangerOptions?: number[];
 };
 
-declare function Pagination({ totalCount, count, currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showSizeChanger, sizeChangerOptions, }: Pagination$1): react.JSX.Element;
+declare function Pagination({ totalCount, count, currentPage, totalPages, pageSize, onPageChange, onPageSizeChange, showSizeChanger, sizeChangerOptions, }: Pagination$1): React$1.JSX.Element;
 
 interface ToolbarItem {
     id: string;
@@ -207,4 +206,4 @@ interface SlideToolbarProps {
 
 declare const SlideToolbar: React.FC<SlideToolbarProps>;
 
-export { type BreadcrumbProps, CustomBreadcrumb, Grid, type GridProps, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, Pagination, type Pagination$1 as PaginationProps, type RouteTree, type RouterAdapter, SlideToolbar, type SlideToolbarProps, _default as SortableHeaderCell, type ToolbarItem, type UserData };
+export { type BreadcrumbProps, CustomBreadcrumb, _default$1 as Grid, type GridProps, Navbar, type NavbarData, type NavbarEntry, type NavbarProps, type NotificationDataTypes, Pagination, type Pagination$1 as PaginationProps, type RouteTree, type RouterAdapter, SlideToolbar, type SlideToolbarProps, _default as SortableHeaderCell, type ToolbarItem, type UserData };

package/dist/index.js

@@ -1947,7 +1947,7 @@ var CustomBreadcrumb = ({
 var breadcrumb_default = CustomBreadcrumb;
 
 // src/components/custom/grid/index.tsx
-var import_react10 = require("react");
+var import_react10 = __toESM(require("react"));
 var import_react_grid = require("@svar-ui/react-grid");
 
 // src/utils/exportPdf.ts
@@ -1981,7 +1981,7 @@ function exportExcel(rows, name) {
 }
 
 // src/components/custom/grid/gridHeader/index.tsx
-var import_react6 = require("react");
+var import_react6 = __toESM(require("react"));
 var import_lucide_react14 = require("lucide-react");
 
 // src/components/custom/grid/gridHeader/components/filters.tsx
@@ -2412,6 +2412,7 @@ function GridHeader({
   onSelectionAction,
   onClearSelection
 }) {
+  console.log("GridHeader rendered");
   const [downloadMenu, setDownloadMenu] = (0, import_react6.useState)(false);
   const [searchOpen, setSearchOpen] = (0, import_react6.useState)(false);
   const downloadRef = (0, import_react6.useRef)(null);
@@ -2509,13 +2510,20 @@ function GridHeader({
               value: searchValue
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => setSearchOpen(false), className: "cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.X, { size: 16 }) })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            "button",
+            {
+              onClick: () => setSearchOpen(false),
+              className: "cursor-pointer",
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.X, { size: 16 })
+            }
+          )
         ] })
       }
     ) })
   ] });
 }
-var gridHeader_default = GridHeader;
+var gridHeader_default = import_react6.default.memo(GridHeader);
 
 // src/components/custom/grid/checkboxCell/checkBoxCell.tsx
 var import_react8 = __toESM(require("react"));
@@ -2565,6 +2573,7 @@ function useStore(store, name) {
 // src/components/custom/grid/checkboxCell/checkBoxCell.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var CheckboxCell = ({ row, api, column }) => {
+  console.log("CheckboxCell rendered");
   const selectedRows = useStore(api, "selectedRows");
   const isSelected = selectedRows.includes(row.id);
   const handleChange = (e) => {
@@ -2592,7 +2601,9 @@ var CheckboxCell = ({ row, api, column }) => {
     }
   );
 };
-var checkBoxCell_default = import_react8.default.memo(CheckboxCell);
+var checkBoxCell_default = import_react8.default.memo(CheckboxCell, (prev, next) => {
+  return prev.row.id !== next.row.id;
+});
 
 // src/components/custom/grid/checkboxCell/headerCheckBox.tsx
 var import_react9 = __toESM(require("react"));
@@ -2741,6 +2752,7 @@ var Grid = (0, import_react10.forwardRef)(
       "onClearSelection"
     ]);
     var _a2;
+    console.log("Grid rendered");
     const apiRef = (0, import_react10.useRef)(null);
     const containerRef = (0, import_react10.useRef)(null);
     const dataRef = (0, import_react10.useRef)(data);
@@ -2764,6 +2776,7 @@ var Grid = (0, import_react10.forwardRef)(
     prevSelectedCountRef.current = selectedCount != null ? selectedCount : 0;
     const resolvedColumns = (0, import_react10.useMemo)(() => {
       if (!selectionEnabled) return columns;
+      if (columns.length === 0) return columns;
       const checkboxCol = buildCheckboxColumn({
         getPageData: () => {
           var _a3;
@@ -2905,7 +2918,7 @@ var Grid = (0, import_react10.forwardRef)(
     ] });
   }
 );
-var grid_default = Grid;
+var grid_default = import_react10.default.memo(Grid);
 
 // src/components/custom/grid/sortableHeaderCell.tsx
 var import_lucide_react15 = require("lucide-react");

package/dist/index.mjs

@@ -1909,7 +1909,7 @@ var CustomBreadcrumb = ({
 var breadcrumb_default = CustomBreadcrumb;
 
 // src/components/custom/grid/index.tsx
-import {
+import React6, {
   useCallback as useCallback2,
   useRef as useRef5,
   useImperativeHandle,
@@ -1950,7 +1950,7 @@ function exportExcel(rows, name) {
 }
 
 // src/components/custom/grid/gridHeader/index.tsx
-import { useEffect as useEffect6, useRef as useRef2, useState as useState7 } from "react";
+import React3, { useEffect as useEffect6, useRef as useRef2, useState as useState7 } from "react";
 import { FileText, FileSpreadsheet, Search, Ellipsis, X as X4 } from "lucide-react";
 
 // src/components/custom/grid/gridHeader/components/filters.tsx
@@ -2381,6 +2381,7 @@ function GridHeader({
   onSelectionAction,
   onClearSelection
 }) {
+  console.log("GridHeader rendered");
   const [downloadMenu, setDownloadMenu] = useState7(false);
   const [searchOpen, setSearchOpen] = useState7(false);
   const downloadRef = useRef2(null);
@@ -2478,16 +2479,23 @@ function GridHeader({
               value: searchValue
             }
           ),
-          /* @__PURE__ */ jsx25("button", { onClick: () => setSearchOpen(false), className: "cursor-pointer", children: /* @__PURE__ */ jsx25(X4, { size: 16 }) })
+          /* @__PURE__ */ jsx25(
+            "button",
+            {
+              onClick: () => setSearchOpen(false),
+              className: "cursor-pointer",
+              children: /* @__PURE__ */ jsx25(X4, { size: 16 })
+            }
+          )
         ] })
       }
     ) })
   ] });
 }
-var gridHeader_default = GridHeader;
+var gridHeader_default = React3.memo(GridHeader);
 
 // src/components/custom/grid/checkboxCell/checkBoxCell.tsx
-import React3 from "react";
+import React4 from "react";
 
 // node_modules/@svar-ui/lib-react/dist/index.js
 import { useState as useState8, useRef as useRef3, useEffect as useEffect7 } from "react";
@@ -2534,6 +2542,7 @@ function useStore(store, name) {
 // src/components/custom/grid/checkboxCell/checkBoxCell.tsx
 import { jsx as jsx26 } from "react/jsx-runtime";
 var CheckboxCell = ({ row, api, column }) => {
+  console.log("CheckboxCell rendered");
   const selectedRows = useStore(api, "selectedRows");
   const isSelected = selectedRows.includes(row.id);
   const handleChange = (e) => {
@@ -2561,10 +2570,12 @@ var CheckboxCell = ({ row, api, column }) => {
     }
   );
 };
-var checkBoxCell_default = React3.memo(CheckboxCell);
+var checkBoxCell_default = React4.memo(CheckboxCell, (prev, next) => {
+  return prev.row.id !== next.row.id;
+});
 
 // src/components/custom/grid/checkboxCell/headerCheckBox.tsx
-import React4, { useEffect as useEffect8, useRef as useRef4, useReducer } from "react";
+import React5, { useEffect as useEffect8, useRef as useRef4, useReducer } from "react";
 import { jsx as jsx27 } from "react/jsx-runtime";
 var HeaderCheckbox = ({ api, column }) => {
   var _a;
@@ -2630,7 +2641,7 @@ var HeaderCheckbox = ({ api, column }) => {
     }
   );
 };
-var headerCheckBox_default = React4.memo(HeaderCheckbox);
+var headerCheckBox_default = React5.memo(HeaderCheckbox);
 
 // src/components/custom/grid/utils/buildCheckboxColumn.tsx
 function buildCheckboxColumn({
@@ -2710,6 +2721,7 @@ var Grid = forwardRef(
       "onClearSelection"
     ]);
     var _a2;
+    console.log("Grid rendered");
     const apiRef = useRef5(null);
     const containerRef = useRef5(null);
     const dataRef = useRef5(data);
@@ -2733,6 +2745,7 @@ var Grid = forwardRef(
     prevSelectedCountRef.current = selectedCount != null ? selectedCount : 0;
     const resolvedColumns = useMemo4(() => {
       if (!selectionEnabled) return columns;
+      if (columns.length === 0) return columns;
       const checkboxCol = buildCheckboxColumn({
         getPageData: () => {
           var _a3;
@@ -2874,11 +2887,11 @@ var Grid = forwardRef(
     ] });
   }
 );
-var grid_default = Grid;
+var grid_default = React6.memo(Grid);
 
 // src/components/custom/grid/sortableHeaderCell.tsx
 import { MoveDown, MoveUp, ArrowUpDown } from "lucide-react";
-import React5 from "react";
+import React7 from "react";
 import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 var SortableHeaderCell = ({ cell, sortKey, sortOrder, onSortChange }) => {
   if (!(cell == null ? void 0 : cell.id)) return /* @__PURE__ */ jsx29("span", { children: cell == null ? void 0 : cell.text });
@@ -2908,7 +2921,7 @@ var SortableHeaderCell = ({ cell, sortKey, sortOrder, onSortChange }) => {
     }
   );
 };
-var sortableHeaderCell_default = React5.memo(SortableHeaderCell, (prev, next) => {
+var sortableHeaderCell_default = React7.memo(SortableHeaderCell, (prev, next) => {
   var _a, _b, _c, _d;
   if (((_a = prev.cell) == null ? void 0 : _a.id) !== ((_b = next.cell) == null ? void 0 : _b.id)) return false;
   if (((_c = prev.cell) == null ? void 0 : _c.text) !== ((_d = next.cell) == null ? void 0 : _d.text)) return false;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "baaz-custom-components",
-    "version": "5.2.0",
+    "version": "5.2.2",
     "private": false,
     "sideEffects": false,
     "main": "dist/index.js",