baaz-custom-components 5.2.5 → 5.2.7

package/dist/index.css

@@ -296,6 +296,9 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
+  .top-10 {
+    top: calc(var(--spacing) * 10);
+  }
   .top-12 {
     top: calc(var(--spacing) * 12);
   }

package/dist/index.d.mts

@@ -147,6 +147,7 @@ interface SelectionAction {
     id: string;
     label: string;
     icon?: React__default.ReactNode;
+    scope: boolean;
 }
 interface GridSelectionProps {
     selectionEnabled?: boolean;

package/dist/index.d.ts

@@ -147,6 +147,7 @@ interface SelectionAction {
     id: string;
     label: string;
     icon?: React__default.ReactNode;
+    scope: boolean;
 }
 interface GridSelectionProps {
     selectionEnabled?: boolean;

package/dist/index.js

@@ -2375,19 +2375,21 @@ function SelectionBar({
       " selected"
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "h-4 w-px bg-border mx-1" }),
-    actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-      "button",
-      {
-        onClick: () => onAction(action.id, selectedData),
-        title: action.label,
-        className: "flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs font-medium border border-border bg-primary/90 hover:bg-primary ease-in-out transition-colors cursor-pointer whitespace-nowrap",
-        children: [
-          action.icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "shrink-0 text-muted-foreground", children: action.icon }),
-          action.label
-        ]
-      },
-      action.id
-    ))
+    actions.map(
+      (action) => action.scope && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        "button",
+        {
+          onClick: () => onAction(action.id, selectedData),
+          title: action.label,
+          className: "flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs font-medium border border-border bg-primary/90 hover:bg-primary ease-in-out transition-colors cursor-pointer whitespace-nowrap",
+          children: [
+            action.icon && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "shrink-0 text-muted-foreground", children: action.icon }),
+            action.label
+          ]
+        },
+        action.id
+      )
+    )
   ] });
 }
 
@@ -2453,36 +2455,20 @@ function GridHeader({
             children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.Ellipsis, { size: 16 })
           }
         ),
-        downloadMenu && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "absolute top-full right-0 mt-2 w-32 rounded-md border !bg-background shadow-lg z-50 overflow-hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-            "button",
-            {
-              onClick: () => {
-                onPdf == null ? void 0 : onPdf();
-                setDownloadMenu(false);
-              },
-              className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.FileText, { size: 14 }),
-                " PDF"
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-            "button",
-            {
-              onClick: () => {
-                onExcel == null ? void 0 : onExcel();
-                setDownloadMenu(false);
-              },
-              className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.FileSpreadsheet, { size: 14 }),
-                " Excel"
-              ]
-            }
-          )
-        ] })
+        downloadMenu && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute top-full right-0 mt-2 w-32 rounded-md border !bg-background shadow-lg z-50 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          "button",
+          {
+            onClick: () => {
+              onExcel == null ? void 0 : onExcel();
+              setDownloadMenu(false);
+            },
+            className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.FileSpreadsheet, { size: 14 }),
+              " Excel"
+            ]
+          }
+        ) })
       ] })
     ] }) }),
     children,
@@ -2704,6 +2690,7 @@ function buildCheckboxColumn({
 }
 
 // src/components/custom/grid/index.tsx
+var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var _measureCanvas = typeof window !== "undefined" ? document.createElement("canvas") : null;
 function measureHeaderTextWidth(text) {
@@ -2950,15 +2937,21 @@ var Grid = (0, import_react10.forwardRef)(
         {
           className: "flex-1 w-full border border-border overflow-hidden",
           ref: containerRef,
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_grid.WillowDark, { fonts, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full h-full relative", children: rest.loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute inset-0 bg-background/60 backdrop-blur-sm flex items-center justify-center z-10", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-primary border-t-transparent" }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-            import_react_grid.Grid,
-            __spreadProps(__spreadValues({}, rest), {
-              data,
-              columns: resolvedColumns,
-              init,
-              selectedRows: selectionEnabled ? selectedIds : void 0
-            })
-          ) }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_grid.WillowDark, { fonts, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full h-full relative", children: rest.loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute inset-0 bg-background/60 backdrop-blur-sm flex items-center justify-center z-10", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-primary border-t-transparent" }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              import_react_grid.Grid,
+              __spreadProps(__spreadValues({}, rest), {
+                data,
+                columns: resolvedColumns,
+                init,
+                selectedRows: selectionEnabled ? selectedIds : void 0
+              })
+            ),
+            !(data == null ? void 0 : data.length) && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "absolute top-10 left-0 right-0 bottom-0 flex flex-col items-center justify-center pointer-events-none select-none", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react15.Table2, { size: 26 }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-medium text-muted-foreground mt-2", children: "No data found" })
+            ] })
+          ] }) }) })
         }
       )
     ] });
@@ -2967,7 +2960,7 @@ var Grid = (0, import_react10.forwardRef)(
 var grid_default = import_react10.default.memo(Grid);
 
 // src/components/custom/grid/sortableHeaderCell.tsx
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_react11 = __toESM(require("react"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var SortableHeaderCell = ({ cell, sortKey, sortOrder, onSortChange }) => {
@@ -2992,8 +2985,8 @@ var SortableHeaderCell = ({ cell, sortKey, sortOrder, onSortChange }) => {
       className: "cursor-pointer flex items-center gap-2 justify-between select-none",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: cell.text }),
-        !active && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.ArrowUpDown, { className: "w-4 h-4 opacity-50" }),
-        active && (sortOrder === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.MoveDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.MoveUp, { className: "w-4 h-4" }))
+        !active && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react16.ArrowUpDown, { className: "w-4 h-4 opacity-50" }),
+        active && (sortOrder === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react16.MoveDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react16.MoveUp, { className: "w-4 h-4" }))
       ]
     }
   );
@@ -3038,7 +3031,7 @@ function getPaginationRange(currentPage, totalPages, siblingCount = 2) {
 }
 
 // src/components/custom/pagination/index.tsx
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function Pagination({
   totalCount,
@@ -3088,7 +3081,7 @@ function Pagination({
           disabled: currentPage === 1,
           onClick: () => handlePageChange(currentPage - 1),
           className: "border border-border w-8 h-8 rounded-md flex items-center justify-center disabled:opacity-40 hover:bg-card-foreground transition",
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.ChevronLeft, { className: "w-5 h-5 select-none" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react17.ChevronLeft, { className: "w-5 h-5 select-none" })
         }
       ),
       pages.map(
@@ -3115,7 +3108,7 @@ function Pagination({
           disabled: currentPage === totalPages,
           onClick: () => handlePageChange(currentPage + 1),
           className: "border border-border w-8 h-8 rounded-md flex items-center justify-center disabled:opacity-40 hover:bg-card-foreground transition",
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.ChevronRight, { className: "w-5 h-5 select-none" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react17.ChevronRight, { className: "w-5 h-5 select-none" })
         }
       )
     ] })
@@ -3124,7 +3117,7 @@ function Pagination({
 var pagination_default = Pagination;
 
 // src/components/custom/toolbar/index.tsx
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 var import_react12 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var SlideToolbar = ({
@@ -3179,7 +3172,7 @@ var SlideToolbar = ({
           open ? "opacity-0 pointer-events-none !w-0 border-r-0" : "opacity-100 pointer-events-auto"
         ].join(" "),
         children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          import_lucide_react17.ChevronRight,
+          import_lucide_react18.ChevronRight,
           {
             className: "text-primary-foreground chevron-bounce",
             size: 16
@@ -3212,7 +3205,7 @@ var SlideToolbar = ({
                 onClick: () => setOpen(false),
                 "aria-label": "Close toolbar",
                 className: "flex items-center justify-center w-6 h-6 rounded-md\n                       text-foreground/50 hover:text-foreground hover:bg-surface-alt\n                       transition-all duration-150 cursor-pointer",
-                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react17.X, { size: 13 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react18.X, { size: 13 })
               }
             )
           ] }),

package/dist/index.mjs

@@ -1951,7 +1951,7 @@ function exportExcel(rows, name) {
 
 // src/components/custom/grid/gridHeader/index.tsx
 import React3, { useEffect as useEffect6, useRef as useRef2, useState as useState7 } from "react";
-import { FileText, FileSpreadsheet, Search, Ellipsis, X as X4 } from "lucide-react";
+import { FileSpreadsheet, Search, Ellipsis, X as X4 } from "lucide-react";
 
 // src/components/custom/grid/gridHeader/components/filters.tsx
 import { useEffect as useEffect5, useMemo as useMemo3, useRef, useState as useState6 } from "react";
@@ -2344,19 +2344,21 @@ function SelectionBar({
       " selected"
     ] }),
     /* @__PURE__ */ jsx24("div", { className: "h-4 w-px bg-border mx-1" }),
-    actions.map((action) => /* @__PURE__ */ jsxs18(
-      "button",
-      {
-        onClick: () => onAction(action.id, selectedData),
-        title: action.label,
-        className: "flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs font-medium border border-border bg-primary/90 hover:bg-primary ease-in-out transition-colors cursor-pointer whitespace-nowrap",
-        children: [
-          action.icon && /* @__PURE__ */ jsx24("span", { className: "shrink-0 text-muted-foreground", children: action.icon }),
-          action.label
-        ]
-      },
-      action.id
-    ))
+    actions.map(
+      (action) => action.scope && /* @__PURE__ */ jsxs18(
+        "button",
+        {
+          onClick: () => onAction(action.id, selectedData),
+          title: action.label,
+          className: "flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-xs font-medium border border-border bg-primary/90 hover:bg-primary ease-in-out transition-colors cursor-pointer whitespace-nowrap",
+          children: [
+            action.icon && /* @__PURE__ */ jsx24("span", { className: "shrink-0 text-muted-foreground", children: action.icon }),
+            action.label
+          ]
+        },
+        action.id
+      )
+    )
   ] });
 }
 
@@ -2422,36 +2424,20 @@ function GridHeader({
             children: /* @__PURE__ */ jsx25(Ellipsis, { size: 16 })
           }
         ),
-        downloadMenu && /* @__PURE__ */ jsxs19("div", { className: "absolute top-full right-0 mt-2 w-32 rounded-md border !bg-background shadow-lg z-50 overflow-hidden", children: [
-          /* @__PURE__ */ jsxs19(
-            "button",
-            {
-              onClick: () => {
-                onPdf == null ? void 0 : onPdf();
-                setDownloadMenu(false);
-              },
-              className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsx25(FileText, { size: 14 }),
-                " PDF"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs19(
-            "button",
-            {
-              onClick: () => {
-                onExcel == null ? void 0 : onExcel();
-                setDownloadMenu(false);
-              },
-              className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsx25(FileSpreadsheet, { size: 14 }),
-                " Excel"
-              ]
-            }
-          )
-        ] })
+        downloadMenu && /* @__PURE__ */ jsx25("div", { className: "absolute top-full right-0 mt-2 w-32 rounded-md border !bg-background shadow-lg z-50 overflow-hidden", children: /* @__PURE__ */ jsxs19(
+          "button",
+          {
+            onClick: () => {
+              onExcel == null ? void 0 : onExcel();
+              setDownloadMenu(false);
+            },
+            className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
+            children: [
+              /* @__PURE__ */ jsx25(FileSpreadsheet, { size: 14 }),
+              " Excel"
+            ]
+          }
+        ) })
       ] })
     ] }) }),
     children,
@@ -2673,7 +2659,8 @@ function buildCheckboxColumn({
 }
 
 // src/components/custom/grid/index.tsx
-import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Table2 } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 var _measureCanvas = typeof window !== "undefined" ? document.createElement("canvas") : null;
 function measureHeaderTextWidth(text) {
   if (!_measureCanvas) return 0;
@@ -2919,15 +2906,21 @@ var Grid = forwardRef(
         {
           className: "flex-1 w-full border border-border overflow-hidden",
           ref: containerRef,
-          children: /* @__PURE__ */ jsx28(WillowDark, { fonts, children: /* @__PURE__ */ jsx28("div", { className: "w-full h-full relative", children: rest.loading ? /* @__PURE__ */ jsx28("div", { className: "absolute inset-0 bg-background/60 backdrop-blur-sm flex items-center justify-center z-10", children: /* @__PURE__ */ jsx28("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-primary border-t-transparent" }) }) : /* @__PURE__ */ jsx28(
-            SvarGrid,
-            __spreadProps(__spreadValues({}, rest), {
-              data,
-              columns: resolvedColumns,
-              init,
-              selectedRows: selectionEnabled ? selectedIds : void 0
-            })
-          ) }) })
+          children: /* @__PURE__ */ jsx28(WillowDark, { fonts, children: /* @__PURE__ */ jsx28("div", { className: "w-full h-full relative", children: rest.loading ? /* @__PURE__ */ jsx28("div", { className: "absolute inset-0 bg-background/60 backdrop-blur-sm flex items-center justify-center z-10", children: /* @__PURE__ */ jsx28("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-primary border-t-transparent" }) }) : /* @__PURE__ */ jsxs20(Fragment4, { children: [
+            /* @__PURE__ */ jsx28(
+              SvarGrid,
+              __spreadProps(__spreadValues({}, rest), {
+                data,
+                columns: resolvedColumns,
+                init,
+                selectedRows: selectionEnabled ? selectedIds : void 0
+              })
+            ),
+            !(data == null ? void 0 : data.length) && /* @__PURE__ */ jsxs20("div", { className: "absolute top-10 left-0 right-0 bottom-0 flex flex-col items-center justify-center pointer-events-none select-none", children: [
+              /* @__PURE__ */ jsx28(Table2, { size: 26 }),
+              /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium text-muted-foreground mt-2", children: "No data found" })
+            ] })
+          ] }) }) })
         }
       )
     ] });
@@ -3095,7 +3088,7 @@ var pagination_default = Pagination;
 // src/components/custom/toolbar/index.tsx
 import { ChevronRight as ChevronRight4, X as X5 } from "lucide-react";
 import { useState as useState9, useRef as useRef6, useEffect as useEffect10 } from "react";
-import { Fragment as Fragment4, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 var SlideToolbar = ({
   items,
   children,
@@ -3122,7 +3115,7 @@ var SlideToolbar = ({
   const handleItem = (item) => {
     onAction == null ? void 0 : onAction(item.id);
   };
-  return /* @__PURE__ */ jsxs23(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs23(Fragment5, { children: [
     /* @__PURE__ */ jsx31("style", { children: `
         @keyframes bounceX {
           0%, 100% { transform: translateX(0px); }
@@ -3185,7 +3178,7 @@ var SlideToolbar = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx31("div", { className: "flex-1 overflow-y-auto overflow-x-hidden py-2 scrollbar-none", children: resolvedItems ? /* @__PURE__ */ jsxs23(Fragment4, { children: [
+          /* @__PURE__ */ jsx31("div", { className: "flex-1 overflow-y-auto overflow-x-hidden py-2 scrollbar-none", children: resolvedItems ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
             /* @__PURE__ */ jsx31("p", { className: "px-4 pt-1 pb-2 text-[10px] font-semibold tracking-[0.16em] uppercase text-foreground/35", children: "Actions" }),
             /* @__PURE__ */ jsx31("nav", { className: "flex flex-col px-2", children: resolvedItems.map((item) => /* @__PURE__ */ jsxs23(
               "button",