pam-grid 1.0.5 → 1.0.7

package/dist/index.mjs

@@ -1,61 +1,8 @@
 // src/components/PamGrid.tsx
-import React2, { useEffect as useEffect5, useRef as useRef3, useState as useState6 } from "react";
-
-// src/components/PamHeaderOption.tsx
-import { useState as useState4, useRef, useEffect as useEffect3 } from "react";
-import { createPortal } from "react-dom";
-
-// src/core/useDropdownPosition.ts
-import { useState, useLayoutEffect } from "react";
-var useDropdownPosition = (triggerRef, menuRef, isOpen, level = 0) => {
-  const [style, setStyle] = useState({
-    position: "fixed",
-    visibility: "hidden"
-  });
-  useLayoutEffect(() => {
-    if (!isOpen || !triggerRef.current || !menuRef.current) return;
-    const updatePosition = () => {
-      if (!triggerRef.current || !menuRef.current) return null;
-      const btn = triggerRef.current.getBoundingClientRect();
-      const menu = menuRef.current;
-      const menuHeight = menu.offsetHeight;
-      const menuWidth = menu.offsetWidth;
-      const vh = window.innerHeight;
-      const vw = window.innerWidth;
-      const spaceBelow = vh - btn.bottom;
-      const spaceAbove = btn.top;
-      const openUp = menuHeight > spaceBelow && spaceAbove > spaceBelow;
-      let top = openUp ? btn.top - menuHeight : btn.bottom;
-      if (top < 8) top = 8;
-      if (top + menuHeight > vh - 8) top = vh - menuHeight - 8;
-      let left = btn.left;
-      if (level === 0) {
-        if (left + menuWidth > vw - 8) left = vw - menuWidth - 8;
-      } else {
-        left = btn.right;
-        if (left + menuWidth > vw - 8) {
-          left = btn.left - menuWidth;
-        }
-      }
-      setStyle({
-        position: "fixed",
-        top,
-        left,
-        zIndex: 99999,
-        maxHeight: vh - 16,
-        overflowY: "auto"
-      });
-    };
-    requestAnimationFrame(updatePosition);
-    setTimeout(updatePosition, 50);
-    window.addEventListener("resize", updatePosition);
-    return () => window.removeEventListener("resize", updatePosition);
-  }, [isOpen, level]);
-  return style;
-};
+import React2, { useEffect as useEffect4, useRef as useRef2, useState as useState4 } from "react";
 
 // src/components/AdvanceFilter.tsx
-import { useState as useState2, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var OPERATORS = {
   number: [
@@ -85,9 +32,9 @@ function AdvanceFilter({
   onApply,
   onClear
 }) {
-  const [operation, setOperation] = useState2("");
-  const [v1, setV1] = useState2("");
-  const [v2, setV2] = useState2("");
+  const [operation, setOperation] = useState("");
+  const [v1, setV1] = useState("");
+  const [v2, setV2] = useState("");
   useEffect(() => {
     if (!value) {
       setOperation("");
@@ -163,7 +110,7 @@ function AdvanceFilter({
 }
 
 // src/core/utils.ts
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 function getAdvancedFilterType(column) {
   const f = column.enableAdvancedFilter;
   if (!f) return null;
@@ -202,7 +149,7 @@ function useLocalStorageState(key, initialValue) {
       return initialValue;
     }
   };
-  const [value, setValue] = useState3(getValue);
+  const [value, setValue] = useState2(getValue);
   const updateValue = (newValue) => {
     setValue(newValue);
     localStorage.setItem(key, JSON.stringify(newValue));
@@ -233,195 +180,86 @@ function useLocalStorageState(key, initialValue) {
 }
 
 // src/components/PamHeaderOption.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var PmsHeaderOption = ({
-  column,
-  pinned,
-  onPinLeft,
-  onPinRight,
-  onUnpin,
-  // from useGridCore
-  advanceFilters,
-  setColumnAdvanceFilter
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var PamHeaderOptions = ({
+  currentColumn,
+  gridFetaures,
+  grid
 }) => {
-  const { key: columnKey, enableAdvancedFilter } = column;
-  const rootRef = useRef(null);
-  const btnRef = useRef(null);
-  const menuRef = useRef(null);
-  const filterBtnRef = useRef(null);
-  const filterMenuRef = useRef(null);
-  const pinBtnRef = useRef(null);
-  const pinMenuRef = useRef(null);
-  const [open, setOpen] = useState4(false);
-  const [openMenu, setOpenMenu] = useState4(null);
-  const mainStyle = useDropdownPosition(btnRef, menuRef, open, 0);
-  const filterStyle = useDropdownPosition(
-    filterBtnRef,
-    filterMenuRef,
-    openMenu === "filter",
-    1
-  );
-  const pinStyle = useDropdownPosition(
-    pinBtnRef,
-    pinMenuRef,
-    openMenu === "pin",
-    1
-  );
-  const toggleMenu = (name, e) => {
-    e.stopPropagation();
-    setOpenMenu((prev) => prev === name ? null : name);
+  const items = [];
+  const { advanceFilters, setColumnAdvanceFilter, colState, updateColumn } = grid;
+  const { key: columnKey } = currentColumn;
+  const pinColumn = (key, side) => {
+    const col = colState.find((c) => c.key === key);
+    if (!col) return;
+    const newPinned = col.pinned === side ? null : side;
+    updateColumn(key, { pinned: newPinned });
   };
-  useEffect3(() => {
-    if (!open) return;
-    const handleClickOutside = (e) => {
-      const target = e.target;
-      if (rootRef.current?.contains(target) || menuRef.current?.contains(target) || filterMenuRef.current?.contains(target) || pinMenuRef.current?.contains(target)) {
-        return;
-      }
-      setOpen(false);
-      setOpenMenu(null);
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [open, openMenu]);
-  return /* @__PURE__ */ jsxs2("div", { ref: rootRef, style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxs2(
-      "span",
-      {
-        ref: btnRef,
-        className: "cursor-pointer",
-        onClick: (e) => {
-          e.stopPropagation();
-          setOpen((p) => !p);
+  const unpinColumn = (key) => {
+    updateColumn(key, { pinned: null });
+  };
+  if (gridFetaures.pinning) {
+    items.push({
+      key: `pined-col-${String(currentColumn.key)}`,
+      label: "Pinned",
+      icon: "bx bx-pin",
+      keepOpenOnClick: true,
+      children: [
+        {
+          key: `pined-col-${String(currentColumn.key)}-noPinned`,
+          label: "No Pinned",
+          icon: !currentColumn.pinned ? "bx bx-check text-primary" : "",
+          onClick: () => unpinColumn(currentColumn.key)
         },
-        children: [
-          /* @__PURE__ */ jsx2("i", { className: "bx bx-dots-vertical-rounded bx-sm" }),
-          advanceFilters[String(columnKey)] && /* @__PURE__ */ jsx2("span", { className: "badge rounded-pill bg-info badge-dot badge-notifications" })
-        ]
-      }
-    ),
-    open && createPortal(
-      /* @__PURE__ */ jsxs2(
-        "ul",
         {
-          ref: menuRef,
-          className: "dropdown-menu shadow rounded-3 py-2 show",
-          style: {
-            ...mainStyle,
-            position: "fixed",
-            zIndex: 1e4
-          },
-          children: [
-            enableAdvancedFilter && /* @__PURE__ */ jsxs2("li", { className: "dropdown-submenu dropstart", children: [
-              /* @__PURE__ */ jsxs2(
-                "button",
-                {
-                  ref: filterBtnRef,
-                  className: "dropdown-item d-flex justify-content-between",
-                  onClick: (e) => toggleMenu("filter", e),
-                  children: [
-                    /* @__PURE__ */ jsxs2("span", { children: [
-                      /* @__PURE__ */ jsx2("i", { className: "bx bx-filter-alt me-2" }),
-                      " Filter"
-                    ] }),
-                    /* @__PURE__ */ jsx2("i", { className: "bx bx-chevron-right" })
-                  ]
-                }
-              ),
-              openMenu === "filter" && /* @__PURE__ */ jsx2(
-                "ul",
-                {
-                  ref: filterMenuRef,
-                  className: "dropdown-menu shadow rounded-3 p-2 show",
-                  style: {
-                    ...filterStyle,
-                    position: "fixed",
-                    zIndex: 10001
-                  },
-                  children: /* @__PURE__ */ jsx2(
-                    AdvanceFilter,
-                    {
-                      type: getAdvancedFilterType(column),
-                      value: advanceFilters[String(columnKey)],
-                      onApply: (f) => setColumnAdvanceFilter(String(columnKey), f),
-                      onClear: () => setColumnAdvanceFilter(String(columnKey), null)
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs2("li", { className: "dropdown-submenu dropstart", children: [
-              /* @__PURE__ */ jsxs2(
-                "button",
-                {
-                  ref: pinBtnRef,
-                  className: "dropdown-item d-flex justify-content-between",
-                  onClick: (e) => toggleMenu("pin", e),
-                  children: [
-                    /* @__PURE__ */ jsxs2("span", { children: [
-                      /* @__PURE__ */ jsx2("i", { className: "bx bx-pin me-2" }),
-                      " Pin Column"
-                    ] }),
-                    /* @__PURE__ */ jsx2("i", { className: "bx bx-chevron-right" })
-                  ]
-                }
-              ),
-              openMenu === "pin" && /* @__PURE__ */ jsxs2(
-                "ul",
-                {
-                  ref: pinMenuRef,
-                  className: "dropdown-menu shadow rounded-3 py-2 show",
-                  style: {
-                    ...pinStyle,
-                    position: "fixed",
-                    zIndex: 10001
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxs2(
-                      "div",
-                      {
-                        className: "dropdown-item d-flex gap-2 cursor-pointer",
-                        onClick: onUnpin,
-                        children: [
-                          !pinned && /* @__PURE__ */ jsx2("i", { className: "bx bx-check text-primary" }),
-                          /* @__PURE__ */ jsx2("span", { children: "No Pin" })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs2(
-                      "div",
-                      {
-                        className: "dropdown-item d-flex gap-2 cursor-pointer",
-                        onClick: onPinLeft,
-                        children: [
-                          pinned === "left" && /* @__PURE__ */ jsx2("i", { className: "bx bx-check text-primary" }),
-                          /* @__PURE__ */ jsx2("span", { children: "Pin Left" })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs2(
-                      "div",
-                      {
-                        className: "dropdown-item d-flex gap-2 cursor-pointer",
-                        onClick: onPinRight,
-                        children: [
-                          pinned === "right" && /* @__PURE__ */ jsx2("i", { className: "bx bx-check text-primary" }),
-                          /* @__PURE__ */ jsx2("span", { children: "Pin Right" })
-                        ]
-                      }
-                    )
-                  ]
-                }
-              )
-            ] })
-          ]
+          key: `pined-col-${String(currentColumn.key)}-leftPinned`,
+          label: "Left Pinned",
+          icon: currentColumn.pinned === "left" ? "bx bx-check text-primary" : "",
+          onClick: () => pinColumn(currentColumn.key, "left")
+        },
+        {
+          key: `pined-col-${String(currentColumn.key)}-rightPinned`,
+          label: "Right Pinned",
+          icon: currentColumn.pinned === "right" ? "bx bx-check text-primary" : "",
+          onClick: () => pinColumn(currentColumn.key, "right")
         }
-      ),
-      document.body
-    )
-  ] });
+      ]
+    });
+  }
+  if (currentColumn.enableAdvancedFilter) {
+    items.push({
+      key: `advance-filter-${String(currentColumn.key)}`,
+      label: "Filte By Column",
+      icon: "bx bx-sm bx-filter",
+      children: [
+        {
+          key: `advance-filter-${String(currentColumn.key)}-apply`,
+          keepOpenOnClick: true,
+          label: /* @__PURE__ */ jsx2(
+            AdvanceFilter,
+            {
+              type: getAdvancedFilterType(currentColumn),
+              value: advanceFilters[String(columnKey)],
+              onApply: (f) => setColumnAdvanceFilter(String(columnKey), f),
+              onClear: () => setColumnAdvanceFilter(String(columnKey), null)
+            }
+          )
+        }
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsx2(
+    PamDropdown,
+    {
+      trigger: /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2("i", { className: "bx bx-sm bx-dots-vertical-rounded cursor-pointer" }),
+        advanceFilters[String(columnKey)] && /* @__PURE__ */ jsx2("span", { className: "badge rounded-pill bg-info badge-dot badge-notifications" })
+      ] }),
+      items
+    }
+  );
 };
-var PamHeaderOption_default = PmsHeaderOption;
+var PamHeaderOption_default = PamHeaderOptions;
 
 // src/components/FilterApplied.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -429,8 +267,10 @@ var FilterApplied = ({
   groupBy,
   removeGroupby,
   advance,
-  removeFilter
+  removeFilter,
+  grid
 }) => {
+  const { switchFiltersConfig, switchQuery, toggleSwitchFilter } = grid;
   const OPERATION = [
     { key: "eq", label: " == " },
     { key: "neq", label: " \u2260 " },
@@ -463,7 +303,7 @@ var FilterApplied = ({
   return /* @__PURE__ */ jsxs3("div", { className: "d-flex flex-row gap-1 py-1 px-3 ", children: [
     groupBy && /* @__PURE__ */ jsxs3("span", { className: "badge bg-label-primary text-capitalize", children: [
       "GroupBy : ",
-      groupBy,
+      groupBy.label,
       " ",
       /* @__PURE__ */ jsx3(
         "i",
@@ -489,7 +329,31 @@ var FilterApplied = ({
         ]
       },
       item.column
-    ))
+    )),
+    switchFiltersConfig !== void 0 && switchFiltersConfig?.length > 0 && switchFiltersConfig.map((swicth) => {
+      return Object.entries(switchQuery).map(([key, value]) => {
+        if (swicth.queryParam === key && swicth.defaultValue !== value) {
+          return /* @__PURE__ */ jsxs3(
+            "span",
+            {
+              className: "badge bg-label-warning text-capitalize",
+              children: [
+                swicth.label,
+                /* @__PURE__ */ jsx3(
+                  "i",
+                  {
+                    className: "bx bx-x bx-xs cursor-pointer",
+                    onClick: () => toggleSwitchFilter?.(swicth.key)
+                  }
+                )
+              ]
+            },
+            key
+          );
+        }
+        return null;
+      });
+    })
   ] });
 };
 var FilterApplied_default = FilterApplied;
@@ -553,7 +417,7 @@ var Compress = ({ onClick }) => {
 var Compress_default = Compress;
 
 // src/assets/icons/Box.svg
-var Box_default = "./Box-QGC2UZ43.svg";
+var Box_default = 'data:image/svg+xml,<svg width="250" height="200" viewBox="0 0 250 200" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">%0D%0A<rect width="250" height="200" fill="url(%23pattern0_249_513)"/>%0D%0A<defs>%0D%0A<pattern id="pattern0_249_513" patternContentUnits="objectBoundingBox" width="1" height="1">%0D%0A<use xlink:href="%23image0_249_513" transform="scale(0.004 0.005)"/>%0D%0A</pattern>%0D%0A<image id="image0_249_513" width="250" height="200" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>%0D%0A</defs>%0D%0A</svg>%0D%0A';
 
 // src/components/EmptyState.tsx
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -571,7 +435,7 @@ var EmptyState = ({
 var EmptyState_default = EmptyState;
 
 // src/assets/icons/NoSearchResult.svg
-var NoSearchResult_default = "./NoSearchResult-R4W2UYSR.svg";
+var NoSearchResult_default = 'data:image/svg+xml,<svg width="250" height="200" viewBox="0 0 250 200" fill="none" xmlns="http://www.w3.org/2000/svg">%0D%0A<rect width="250" height="200" fill="white"/>%0D%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M207 65C210.866 65 214 68.134 214 72C214 75.866 210.866 79 207 79H167C170.866 79 174 82.134 174 86C174 89.866 170.866 93 167 93H189C192.866 93 196 96.134 196 100C196 103.866 192.866 107 189 107H178.826C173.952 107 170 110.134 170 114C170 116.577 172 118.911 176 121C179.866 121 183 124.134 183 128C183 131.866 179.866 135 176 135H93C89.134 135 86 131.866 86 128C86 124.134 89.134 121 93 121H54C50.134 121 47 117.866 47 114C47 110.134 50.134 107 54 107H94C97.866 107 101 103.866 101 100C101 96.134 97.866 93 94 93H69C65.134 93 62 89.866 62 86C62 82.134 65.134 79 69 79H109C105.134 79 102 75.866 102 72C102 68.134 105.134 65 109 65H207ZM207 93C210.866 93 214 96.134 214 100C214 103.866 210.866 107 207 107C203.134 107 200 103.866 200 100C200 96.134 203.134 93 207 93Z" fill="%23F3F7FF"/>%0D%0A<path d="M120.5 133C139.002 133 154 118.002 154 99.5C154 80.9985 139.002 66 120.5 66C101.998 66 87 80.9985 87 99.5C87 118.002 101.998 133 120.5 133Z" fill="%23F3F7FF" stroke="%231F64E7" stroke-width="2.5"/>%0D%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M115.132 125.494C116.891 125.819 118.68 125.987 120.5 126C135.136 126 147 114.136 147 99.5C147 84.8645 135.136 73 120.5 73C116.74 73 113.164 73.7829 109.924 75.1946C104.294 77.6479 99.6816 81.9999 96.896 87.4419C95.0445 91.0589 94 95.1575 94 99.5C94 103.44 94.8599 107.179 96.4021 110.54C97.5032 112.94 98.9521 115.146 100.684 117.096" fill="white"/>%0D%0A<path d="M115.132 125.494C116.891 125.819 118.68 125.987 120.5 126C135.136 126 147 114.136 147 99.5C147 84.8645 135.136 73 120.5 73C116.74 73 113.164 73.7829 109.924 75.1946C104.294 77.6479 99.6816 81.9999 96.896 87.4419C95.0445 91.0589 94 95.1575 94 99.5C94 103.44 94.8599 107.179 96.4021 110.54C97.5032 112.94 98.9521 115.146 100.684 117.096" stroke="%231F64E7" stroke-width="2.5" stroke-linecap="round"/>%0D%0A<path d="M103.797 120.075C105.945 121.821 108.372 123.237 111.001 124.247" stroke="%231F64E7" stroke-width="2.5" stroke-linecap="round"/>%0D%0A<path d="M148 126L154 132" stroke="%231F64E7" stroke-width="2.5"/>%0D%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M153.03 131.03C151.138 132.923 151.138 135.992 153.03 137.884L164.116 148.97C166.008 150.862 169.077 150.862 170.97 148.97C172.863 147.077 172.863 144.008 170.97 142.116L159.885 131.03C157.992 129.138 154.923 129.138 153.03 131.03Z" fill="%23E8F0FE" stroke="%231F64E7" stroke-width="2.5"/>%0D%0A<path d="M158 133L169 144" stroke="white" stroke-width="2.5" stroke-linecap="round"/>%0D%0A<path fill-rule="evenodd" clip-rule="evenodd" d="M114 88C114 99.598 123.402 109 135 109C137.278 109 139.472 108.637 141.526 107.966C138.173 116.287 130.023 122.161 120.5 122.161C107.985 122.161 97.8394 112.015 97.8394 99.5C97.8394 88.1596 106.17 78.7648 117.045 77.1011C115.113 80.2793 114 84.0097 114 88Z" fill="%23E8F0FE"/>%0D%0A<path d="M121 81C119.727 81 118.482 81.1253 117.279 81.3642M113.645 82.4761C106.804 85.3508 102 92.1144 102 100" stroke="%2375A4FE" stroke-width="2.5" stroke-linecap="round"/>%0D%0A<path d="M174.176 99.7773H166M180.5 92H163.324H180.5ZM187.5 92H185.279H187.5Z" stroke="%2375A4FE" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>%0D%0A<path d="M84.1758 121.777H76M79.5 113H62.3242H79.5ZM56.5 113H52.2788H56.5Z" stroke="%2375A4FE" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>%0D%0A</svg>%0D%0A';
 
 // src/components/icons/ArrowFromBottonToRight.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
@@ -749,14 +613,14 @@ var Paginantion_default = Pagination;
 
 // src/components/dropdown/PamDropdown.tsx
 import {
-  useEffect as useEffect4,
-  useLayoutEffect as useLayoutEffect2,
+  useEffect as useEffect3,
+  useLayoutEffect,
   useMemo,
-  useRef as useRef2,
-  useState as useState5
+  useRef,
+  useState as useState3
 } from "react";
-import { createPortal as createPortal2 } from "react-dom";
-import { Fragment, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function PamDropdown({
   trigger,
   items,
@@ -766,11 +630,11 @@ function PamDropdown({
   closeOnItemClick = true,
   className = ""
 }) {
-  const triggerRef = useRef2(null);
-  const menuRef = useRef2(null);
-  const [open, setOpen] = useState5(false);
-  const [pos, setPos] = useState5({ top: 0, left: 0 });
-  const [openSubKeys, setOpenSubKeys] = useState5({});
+  const triggerRef = useRef(null);
+  const menuRef = useRef(null);
+  const [open, setOpen] = useState3(false);
+  const [pos, setPos] = useState3({ top: 0, left: 0 });
+  const [openSubKeys, setOpenSubKeys] = useState3({});
   const portalRoot = useMemo(() => {
     const el = document.getElementById("pam-portal-root");
     if (el) return el;
@@ -823,11 +687,11 @@ function PamDropdown({
     if (!t || !m) return;
     setPos(getDropdownPosition(t, m));
   }
-  useLayoutEffect2(() => {
+  useLayoutEffect(() => {
     if (!open) return;
     updatePosition();
   }, [open, placement]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!open) return;
     const onDown = (e) => {
       const t = triggerRef.current;
@@ -848,7 +712,7 @@ function PamDropdown({
       document.removeEventListener("keydown", onKey);
     };
   }, [open]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (!open) return;
     const handler = () => updatePosition();
     window.addEventListener("scroll", handler, true);
@@ -858,9 +722,9 @@ function PamDropdown({
       window.removeEventListener("resize", handler);
     };
   }, [open]);
-  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
     /* @__PURE__ */ jsx10("span", { ref: triggerRef, className: `pam-dropdown-trigger ${className}`, children: /* @__PURE__ */ jsx10("span", { onClick: toggle, style: { display: "inline-flex" }, children: trigger }) }),
-    open && createPortal2(
+    open && createPortal(
       /* @__PURE__ */ jsx10(
         "div",
         {
@@ -918,12 +782,12 @@ function PamDropdownNode({
   level,
   index
 }) {
-  const liRef = useRef2(null);
-  const submenuRef = useRef2(null);
+  const liRef = useRef(null);
+  const submenuRef = useRef(null);
   const hasChildren = !!item.children?.length;
   const nodeKey = item.key ?? `${level}-${index}`;
   const submenuOpen = !!openSubKeys[nodeKey];
-  useLayoutEffect2(() => {
+  useLayoutEffect(() => {
     if (!submenuOpen) return;
     const li = liRef.current;
     const menu = submenuRef.current;
@@ -1010,23 +874,29 @@ function PamDropdownNode({
       ].join(" "),
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ jsxs7("div", { className: "pam-dropdown-item-inner", children: [
-          /* @__PURE__ */ jsxs7("div", { className: "pam-left", children: [
-            item.icon && /* @__PURE__ */ jsx10("i", { className: `${item.icon} pam-icon` }),
-            /* @__PURE__ */ jsx10("span", { className: "pam-label", children: item.label })
-          ] }),
-          /* @__PURE__ */ jsxs7("div", { className: "pam-right", children: [
-            item.rightSlot && /* @__PURE__ */ jsx10(
-              "span",
-              {
-                className: "pam-rightslot",
-                onClick: (e) => e.stopPropagation(),
-                children: item.rightSlot
-              }
-            ),
-            hasChildren && /* @__PURE__ */ jsx10("i", { className: "bx bx-chevron-right pam-arrow" })
-          ] })
-        ] }),
+        /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            className: `${item.rightSlot ? "pam-dropdown-item-inner-rightSlot" : "pam-dropdown-item-inner"} `,
+            children: [
+              /* @__PURE__ */ jsxs7("div", { className: "pam-left", children: [
+                item.icon && /* @__PURE__ */ jsx10("i", { className: `${item.icon} pam-icon` }),
+                /* @__PURE__ */ jsx10("span", { className: "pam-label", children: item.label })
+              ] }),
+              /* @__PURE__ */ jsxs7("div", { className: "pam-right", children: [
+                item.rightSlot && /* @__PURE__ */ jsx10(
+                  "span",
+                  {
+                    className: "pam-rightslot",
+                    onClick: (e) => e.stopPropagation(),
+                    children: item.rightSlot
+                  }
+                ),
+                hasChildren && /* @__PURE__ */ jsx10("i", { className: "bx bx-chevron-right pam-arrow" })
+              ] })
+            ]
+          }
+        ),
         hasChildren && submenuOpen && /* @__PURE__ */ jsx10("div", { ref: submenuRef, className: "pam-submenu", children: /* @__PURE__ */ jsx10(
           PamDropdownList,
           {
@@ -1044,12 +914,20 @@ function PamDropdownNode({
 }
 
 // src/components/MainFilter.tsx
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var MainFilter = ({
   gridFetaures,
   grid
 }) => {
-  const { setGroupBy, visibleColumns, colState, updateColumn } = grid;
+  const {
+    setGroupBy,
+    visibleColumns,
+    colState,
+    updateColumn,
+    switchFiltersConfig,
+    switchFilters,
+    toggleSwitchFilter
+  } = grid;
   const [isBulkData, setBulkData] = useLocalStorageState(
     "bulk-data-toggle",
     false
@@ -1085,15 +963,15 @@ var MainFilter = ({
       children: visibleColumns.length > 0 ? visibleColumns.filter((c) => c.groupable).map((c) => ({
         key: `group-${String(c.key)}`,
         label: c.title,
-        onClick: () => setGroupBy(String(c.key))
+        onClick: () => setGroupBy({ key: String(c.key), label: c.title })
       })) : []
     });
   }
-  if (gridFetaures?.bulkAction && gridFetaures.bulkAction.length > 0) {
+  if (gridFetaures?.bulkActionsConfig && gridFetaures.bulkActionsConfig.length > 0) {
     items.push({
       key: "bulk-data",
       keepOpenOnClick: true,
-      label: /* @__PURE__ */ jsxs8(Fragment2, { children: [
+      label: /* @__PURE__ */ jsxs8(Fragment3, { children: [
         /* @__PURE__ */ jsxs8(
           "label",
           {
@@ -1120,12 +998,43 @@ var MainFilter = ({
       ] })
     });
   }
+  if (switchFiltersConfig !== void 0 && switchFiltersConfig?.length > 0) {
+    switchFiltersConfig.forEach((filter) => {
+      items.push({
+        key: `switch-${filter.key}`,
+        keepOpenOnClick: true,
+        label: filter.label,
+        rightSlot: /* @__PURE__ */ jsxs8(
+          "label",
+          {
+            className: "switch switch-square switch-sm",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsx11(
+                "input",
+                {
+                  type: "checkbox",
+                  className: "switch-input",
+                  checked: !!switchFilters?.[filter.key],
+                  onChange: () => toggleSwitchFilter(filter.key)
+                }
+              ),
+              /* @__PURE__ */ jsxs8("span", { className: "switch-toggle-slider", children: [
+                /* @__PURE__ */ jsx11("span", { className: "switch-on", children: /* @__PURE__ */ jsx11("i", { className: "icon-base bx bx-check" }) }),
+                /* @__PURE__ */ jsx11("span", { className: "switch-off", children: /* @__PURE__ */ jsx11("i", { className: "icon-base bx bx-x" }) })
+              ] })
+            ]
+          }
+        )
+      });
+    });
+  }
   return /* @__PURE__ */ jsx11(
     PamDropdown,
     {
       trigger: /* @__PURE__ */ jsxs8("button", { type: "button", className: "btn btn-sm btn-label-secondary me-2", children: [
-        /* @__PURE__ */ jsx11("span", { className: "icon-base bx bx-filter-alt me-1" }),
-        "Filter"
+        /* @__PURE__ */ jsx11("span", { className: "icon-base bx bx-filter-alt" }),
+        /* @__PURE__ */ jsx11("span", { className: "d-none d-sm-inline ms-1", children: "Filter" })
       ] }),
       items
     }
@@ -1136,7 +1045,18 @@ var TableAction = ({
   gridFetaures,
   row
 }) => {
-  const items = Array.isArray(gridFetaures.actions) ? gridFetaures.actions.filter((act) => act.isVisible).map((a, i) => ({
+  const items = Array.isArray(gridFetaures.actions) ? gridFetaures.actions.filter((act) => {
+    if (typeof act.isVisible === "function") {
+      if (row) {
+        return act.isVisible(row);
+      }
+      return false;
+    }
+    if (typeof act.isVisible === "boolean") {
+      return act.isVisible;
+    }
+    return true;
+  }).map((a, i) => ({
     key: `action-${String(a.label)}-${i}`,
     label: a.label,
     icon: a.icon,
@@ -1175,14 +1095,15 @@ var PamGrid = ({
   addNew,
   renderExpanded
 }) => {
-  const [isFullScreen, setFullScreen] = useState6(false);
-  const [activeCell, setActiveCell] = useState6(null);
+  const [isFullScreen, setFullScreen] = useState4(false);
+  const [draggingCol, setDraggingCol] = useState4(null);
+  const [activeCell, setActiveCell] = useState4(null);
   const [isBulkAction, setBulkAction] = useLocalStorageState(
     "bulk-data-toggle",
     false
   );
-  const wrapperRef = useRef3(null);
-  const dragState = useRef3({ from: null });
+  const wrapperRef = useRef2(null);
+  const dragState = useRef2({ from: null });
   const {
     rows,
     page,
@@ -1208,20 +1129,10 @@ var PamGrid = ({
     toggleExpand,
     setColState,
     emptyState,
-    // onAdvanceFilters,
-    // setAdanceFilter,
+    addNewRecord,
     advanceFilters,
     setColumnAdvanceFilter
   } = grid;
-  const pinColumn = (key, side) => {
-    const col = colState.find((c) => c.key === key);
-    if (!col) return;
-    const newPinned = col.pinned === side ? null : side;
-    updateColumn(key, { pinned: newPinned });
-  };
-  const unpinColumn = (key) => {
-    updateColumn(key, { pinned: null });
-  };
   const onResizeMouseDown = (e, key) => {
     e.preventDefault();
     const startX = e.clientX;
@@ -1264,10 +1175,10 @@ var PamGrid = ({
   };
   const groupedRows = React2.useMemo(() => {
     if (!groupBy) return null;
-    const column = visibleColumns.find((col) => col.key === groupBy);
+    const column = visibleColumns.find((col) => col.key === groupBy.key);
     const map = {};
     rows.forEach((r) => {
-      const rawValue = column?.groupByValue ? column.groupByValue(r) : column?.nestedPath ? getNestedValue(r, column.nestedPath) : r[groupBy];
+      const rawValue = column?.groupByValue ? column.groupByValue(r) : column?.nestedPath ? getNestedValue(r, column.nestedPath) : r[groupBy.key];
       const groupKey = rawValue === null || rawValue === void 0 ? "unknown" : typeof rawValue === "object" ? String(rawValue?.id ?? JSON.stringify(rawValue)) : String(rawValue);
       if (!map[groupKey]) {
         map[groupKey] = { rawValue, items: [] };
@@ -1295,7 +1206,7 @@ var PamGrid = ({
   }, [rows, groupBy, visibleColumns]);
   const currentRows = rows;
   const gridHeight = isFullScreen ? "calc(100vh - 120px)" : "calc(100vh - 320px)";
-  useEffect5(() => {
+  useEffect4(() => {
     document.body.style.overflow = isFullScreen ? "hidden" : "";
   }, [isFullScreen]);
   return /* @__PURE__ */ jsxs9(
@@ -1303,9 +1214,9 @@ var PamGrid = ({
     {
       className: `pms-grid ${isFullScreen ? "card card-action card-fullscreen p-4" : ""}`,
       children: [
-        /* @__PURE__ */ jsxs9("div", { className: "row ", children: [
-          /* @__PURE__ */ jsx12("div", { className: "col-8", children: /* @__PURE__ */ jsxs9("div", { className: "d-flex flex-row gap-2 gap-2 ", children: [
-            /* @__PURE__ */ jsx12("div", { children: features.search && /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsxs9("div", { className: "row align-items-center g-2", children: [
+          /* @__PURE__ */ jsx12("div", { className: "col-12 col-md-8 col-lg-9", children: /* @__PURE__ */ jsxs9("div", { className: "row", children: [
+            features.search && /* @__PURE__ */ jsx12("div", { className: "col-8 col-md-4", children: /* @__PURE__ */ jsx12(
               "input",
               {
                 type: "search",
@@ -1315,33 +1226,42 @@ var PamGrid = ({
                 onChange: (e) => setSearch(e.target.value)
               }
             ) }),
-            /* @__PURE__ */ jsx12(MainFilter_default, { gridFetaures: features, grid })
+            /* @__PURE__ */ jsx12("div", { className: "col-4  col-md-4", children: /* @__PURE__ */ jsx12(MainFilter_default, { gridFetaures: features, grid }) })
           ] }) }),
-          /* @__PURE__ */ jsx12("div", { className: "col-4 ", children: /* @__PURE__ */ jsxs9("div", { className: "d-flex justify-content-end align-items-center gap-2", children: [
-            /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx12("div", { className: "col-12 col-md-4 col-lg-3", children: /* @__PURE__ */ jsxs9("div", { className: "d-flex justify-content-md-end justify-content-between align-items-center gap-2 mt-2 mt-md-0", children: [
+            addNewRecord && /* @__PURE__ */ jsxs9(
               "button",
               {
                 type: "button",
-                className: "btn btn-sm btn-icon me-2 btn-label-secondary",
-                onMouseEnter: (e) => showTooltip("Add New", e.clientX, e.clientY),
-                onMouseMove: (e) => showTooltip("Add New", e.clientX, e.clientY),
+                className: `${addNewRecord?.class || "btn btn-sm btn-label-secondary"} d-flex align-items-center gap-1`,
+                onClick: addNewRecord.onClick,
+                onMouseEnter: (e) => showTooltip(addNewRecord?.label, e.clientX, e.clientY),
+                onMouseMove: (e) => showTooltip(addNewRecord?.label, e.clientX, e.clientY),
                 onMouseLeave: hideTooltip,
-                onClick: addNew,
-                children: /* @__PURE__ */ jsx12("i", { className: "bx bx-plus-circle" })
+                children: [
+                  /* @__PURE__ */ jsx12(
+                    "span",
+                    {
+                      className: `icon-base ${addNewRecord?.icon || "bx bx-plus-circle"}`
+                    }
+                  ),
+                  addNewRecord?.name && /* @__PURE__ */ jsx12("span", { className: "d-none d-sm-inline", children: addNewRecord?.name })
+                ]
               }
             ),
-            isFullScreen ? /* @__PURE__ */ jsx12(Minimize_default, { onClick: () => setFullScreen(!isFullScreen) }) : /* @__PURE__ */ jsx12(Compress_default, { onClick: () => setFullScreen(!isFullScreen) })
+            /* @__PURE__ */ jsx12("div", { className: "flex-shrink-0", children: isFullScreen ? /* @__PURE__ */ jsx12(Minimize_default, { onClick: () => setFullScreen(!isFullScreen) }) : /* @__PURE__ */ jsx12(Compress_default, { onClick: () => setFullScreen(!isFullScreen) }) })
           ] }) })
         ] }),
         /* @__PURE__ */ jsxs9("div", { className: "d-flex flex-row gap-1", children: [
-          selected.size > 0 && features.bulkAction && /* @__PURE__ */ jsx12(BulkAction_default, { records: selected, actions: features.bulkAction }),
+          selected.size > 0 && features.bulkActionsConfig && /* @__PURE__ */ jsx12(BulkAction_default, { records: selected, actions: features.bulkActionsConfig }),
           /* @__PURE__ */ jsx12(
             FilterApplied_default,
             {
               groupBy,
               removeGroupby: () => setGroupBy(null),
               advance: advanceFilters,
-              removeFilter: (columnKey) => setColumnAdvanceFilter(String(columnKey), null)
+              removeFilter: (columnKey) => setColumnAdvanceFilter(String(columnKey), null),
+              grid
             }
           )
         ] }),
@@ -1400,10 +1320,18 @@ var PamGrid = ({
                             "th",
                             {
                               draggable: features.reorder,
-                              onDragStart: (e) => onDragStart(e, String(col.key)),
+                              onDragStart: (e) => {
+                                setDraggingCol(String(col.key));
+                                onDragStart(e, String(col.key));
+                              },
+                              onDragEnd: () => setDraggingCol(null),
                               onDragOver: (e) => e.preventDefault(),
                               onDrop: (e) => onDrop(e, col.key),
-                              className: `pms-col-header vs-th ${col.pinned ? `pinned pinned-${col.pinned}` : ""}`,
+                              className: `pms-col-header vs-th
+                        ${features.reorder ? "cursor-grab" : ""}
+                        ${draggingCol === col.key ? "cursor-grabbing" : ""}
+                        ${col.pinned ? `pinned pinned-${col.pinned}` : ""}
+                        `,
                               style,
                               children: /* @__PURE__ */ jsxs9(
                                 "div",
@@ -1414,16 +1342,16 @@ var PamGrid = ({
                                       "div",
                                       {
                                         onClick: () => col.sortable && changeSort(String(col.key)),
-                                        style: { cursor: col.sortable ? "pointer" : "default" },
+                                        className: col.sortable ? "cursor-pointer" : "",
                                         children: [
                                           /* @__PURE__ */ jsx12("small", { children: col.title }),
                                           sortBy.key === col.key && /* @__PURE__ */ jsx12(
                                             "i",
                                             {
-                                              className: `bx bx-sm ${sortBy.dir === "asc" ? "bxs-chevron-up" : "bxs-chevron-down"}`
+                                              className: `bx bx-sm ${sortBy.dir === "asc" ? "bxs-chevron-up" : "bxs-chevron-down"} cursor-pointer`
                                             }
                                           ),
-                                          col.pinned === col.key && /* @__PURE__ */ jsx12("i", { className: "bx bx-x" })
+                                          col.pinned === col.key && /* @__PURE__ */ jsx12("i", { className: "bx bx-x cursor-pointer" })
                                         ]
                                       }
                                     ),
@@ -1431,19 +1359,15 @@ var PamGrid = ({
                                       features.pinning && /* @__PURE__ */ jsx12(
                                         PamHeaderOption_default,
                                         {
-                                          column: col,
-                                          pinned: col.pinned,
-                                          onPinLeft: () => pinColumn(col.key, "left"),
-                                          onPinRight: () => pinColumn(col.key, "right"),
-                                          onUnpin: () => unpinColumn(col.key),
-                                          advanceFilters,
-                                          setColumnAdvanceFilter
+                                          currentColumn: col,
+                                          gridFetaures: features,
+                                          grid
                                         }
                                       ),
-                                      features.resizing && /* @__PURE__ */ jsx12(
+                                      /* @__PURE__ */ jsx12(
                                         "i",
                                         {
-                                          className: "resize-handle bx bx-move-horizontal",
+                                          className: "bx bx-move-horizontal text-white cursor-resize",
                                           onMouseDown: (e) => onResizeMouseDown(e, col.key)
                                         }
                                       )
@@ -1475,7 +1399,7 @@ var PamGrid = ({
                         EmptyState_default,
                         {
                           title: emptyState.title,
-                          description: `${emptyState.description} "${search}"`,
+                          description: `No results found for "${search}"`,
                           imgSrc: NoSearchResult_default
                         }
                       ) : /* @__PURE__ */ jsx12(
@@ -1520,7 +1444,7 @@ var PamGrid = ({
                 style: { width: "80px" },
                 value: pageSize,
                 onChange: (e) => setPageSize(Number(e.target.value)),
-                children: [25, 50, 100].map((n) => /* @__PURE__ */ jsx12("option", { value: n, children: n }, n))
+                children: [20, 50, 100].map((n) => /* @__PURE__ */ jsx12("option", { value: n, children: n }, n))
               }
             ),
             " ",
@@ -1650,7 +1574,7 @@ var PamGrid = ({
           }
         )
       ] }),
-      isExpanded && renderExpanded && /* @__PURE__ */ jsx12("tr", { className: "table-active", children: /* @__PURE__ */ jsx12(
+      isExpanded && renderExpanded && /* @__PURE__ */ jsx12("tr", { className: "expanded-row", children: /* @__PURE__ */ jsx12(
         "td",
         {
           colSpan: visibleColumns.length + (features.selection ? 1 : 0) + (features.expand ? 1 : 0) + (features.actions ? 1 : 0),
@@ -1733,35 +1657,46 @@ var ColumnVisibilityPanel = ({
 var ColumnVisibilityPanel_default = ColumnVisibilityPanel;
 
 // src/core/useGridCore.ts
-import { useState as useState7, useMemo as useMemo2, useCallback, useEffect as useEffect6 } from "react";
+import { useState as useState5, useMemo as useMemo2, useCallback, useEffect as useEffect5 } from "react";
 function useGridCore({
   data = [],
   columns = [],
   serverMode = false,
   rowKey = "id",
-  initialPageSize = 20
+  initialPageSize = 20,
+  addNewRecord,
+  switchFiltersConfig
 }) {
-  const [page, setPage] = useState7(1);
-  const [pageSize, setPageSize] = useState7(initialPageSize);
-  const [search, setSearch] = useState7("");
-  const [debouncedSearch, setDebouncedSearch] = useState7("");
-  const [groupBy, setGroupBy] = useState7(null);
-  const [emptyState, setEmptyState] = useState7({});
-  const [advanceFilters, setAdvanceFilters] = useState7({});
-  const [sortBy, setSortBy] = useState7({ key: null, dir: "asc" });
-  const [selected, setSelected] = useState7(/* @__PURE__ */ new Set());
-  const [expanded, setExpanded] = useState7(/* @__PURE__ */ new Set());
-  const [serverRows, setServerRows] = useState7([]);
-  const [serverTotal, setServerTotal] = useState7(0);
-  const [serverTotalPages, setServerTotalPages] = useState7(1);
-  const [colState, setColState] = useState7(
+  const [page, setPage] = useState5(1);
+  const [pageSize, setPageSize] = useState5(initialPageSize);
+  const [search, setSearch] = useState5("");
+  const [debouncedSearch, setDebouncedSearch] = useState5("");
+  const [groupBy, setGroupBy] = useState5(null);
+  const [emptyState, setEmptyState] = useState5({});
+  const [advanceFilters, setAdvanceFilters] = useState5({});
+  const [sortBy, setSortBy] = useState5({ key: null, dir: "asc" });
+  const [selected, setSelected] = useState5(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState5(/* @__PURE__ */ new Set());
+  const [switchFilters, setSwitchFilters] = useState5(
+    () => {
+      const initial = {};
+      switchFiltersConfig?.forEach((f) => {
+        initial[f.key] = f.defaultValue ?? false;
+      });
+      return initial;
+    }
+  );
+  const [serverRows, setServerRows] = useState5([]);
+  const [serverTotal, setServerTotal] = useState5(0);
+  const [serverTotalPages, setServerTotalPages] = useState5(1);
+  const [colState, setColState] = useState5(
     () => columns.map((c, i) => ({
       ...c,
       visible: c.visible !== false,
       order: i
     }))
   );
-  useEffect6(() => {
+  useEffect5(() => {
     const t = setTimeout(() => {
       setDebouncedSearch(search);
       setPage(1);
@@ -1847,6 +1782,22 @@ function useGridCore({
     },
     []
   );
+  const toggleSwitchFilter = useCallback((key) => {
+    setSwitchFilters((prev) => ({
+      ...prev,
+      [key]: !prev[key]
+    }));
+    setPage(1);
+  }, []);
+  const switchQuery = useMemo2(() => {
+    if (!switchFiltersConfig) return {};
+    const query = {};
+    switchFiltersConfig.forEach((filter) => {
+      const state = switchFilters[filter.key];
+      query[filter.queryParam] = state ? filter.trueValue ?? true : filter.falseValue ?? false;
+    });
+    return query;
+  }, [switchFilters, switchFiltersConfig]);
   const visibleColumns = useMemo2(
     () => colState.filter((c) => c.visible).sort((a, b) => a.order - b.order),
     [colState]
@@ -1895,6 +1846,8 @@ function useGridCore({
     // expand
     expanded,
     toggleExpand,
+    // New Record Button
+    addNewRecord,
     // columns
     colState,
     visibleColumns,
@@ -1912,7 +1865,13 @@ function useGridCore({
     rowKey,
     // empty state
     emptyState,
-    setEmptyState
+    setEmptyState,
+    // switch filters
+    switchFilters,
+    toggleSwitchFilter,
+    setSwitchFilters,
+    switchQuery,
+    switchFiltersConfig
   };
 }
 export {