pam-grid 1.0.5 → 1.0.7

package/dist/index.js

@@ -43,63 +43,10 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/PamGrid.tsx
-var import_react6 = __toESM(require("react"));
-
-// src/components/PamHeaderOption.tsx
-var import_react4 = require("react");
-var import_react_dom = require("react-dom");
-
-// src/core/useDropdownPosition.ts
-var import_react = require("react");
-var useDropdownPosition = (triggerRef, menuRef, isOpen, level = 0) => {
-  const [style, setStyle] = (0, import_react.useState)({
-    position: "fixed",
-    visibility: "hidden"
-  });
-  (0, import_react.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;
-};
+var import_react4 = __toESM(require("react"));
 
 // src/components/AdvanceFilter.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var OPERATORS = {
   number: [
@@ -129,10 +76,10 @@ function AdvanceFilter({
   onApply,
   onClear
 }) {
-  const [operation, setOperation] = (0, import_react2.useState)("");
-  const [v1, setV1] = (0, import_react2.useState)("");
-  const [v2, setV2] = (0, import_react2.useState)("");
-  (0, import_react2.useEffect)(() => {
+  const [operation, setOperation] = (0, import_react.useState)("");
+  const [v1, setV1] = (0, import_react.useState)("");
+  const [v2, setV2] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
     if (!value) {
       setOperation("");
       setV1("");
@@ -207,7 +154,7 @@ function AdvanceFilter({
 }
 
 // src/core/utils.ts
-var import_react3 = require("react");
+var import_react2 = require("react");
 function getAdvancedFilterType(column) {
   const f = column.enableAdvancedFilter;
   if (!f) return null;
@@ -246,7 +193,7 @@ function useLocalStorageState(key, initialValue) {
       return initialValue;
     }
   };
-  const [value, setValue] = (0, import_react3.useState)(getValue);
+  const [value, setValue] = (0, import_react2.useState)(getValue);
   const updateValue = (newValue) => {
     setValue(newValue);
     localStorage.setItem(key, JSON.stringify(newValue));
@@ -256,7 +203,7 @@ function useLocalStorageState(key, initialValue) {
       })
     );
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     const sync = (e) => {
       if (e?.detail?.key === key) {
         setValue(e.detail.value);
@@ -278,194 +225,85 @@ function useLocalStorageState(key, initialValue) {
 
 // src/components/PamHeaderOption.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var PmsHeaderOption = ({
-  column,
-  pinned,
-  onPinLeft,
-  onPinRight,
-  onUnpin,
-  // from useGridCore
-  advanceFilters,
-  setColumnAdvanceFilter
+var PamHeaderOptions = ({
+  currentColumn,
+  gridFetaures,
+  grid
 }) => {
-  const { key: columnKey, enableAdvancedFilter } = column;
-  const rootRef = (0, import_react4.useRef)(null);
-  const btnRef = (0, import_react4.useRef)(null);
-  const menuRef = (0, import_react4.useRef)(null);
-  const filterBtnRef = (0, import_react4.useRef)(null);
-  const filterMenuRef = (0, import_react4.useRef)(null);
-  const pinBtnRef = (0, import_react4.useRef)(null);
-  const pinMenuRef = (0, import_react4.useRef)(null);
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const [openMenu, setOpenMenu] = (0, import_react4.useState)(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 });
   };
-  (0, import_react4.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime2.jsxs)("div", { ref: rootRef, style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "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__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-dots-vertical-rounded bx-sm" }),
-          advanceFilters[String(columnKey)] && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "badge rounded-pill bg-info badge-dot badge-notifications" })
-        ]
-      }
-    ),
-    open && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-        "ul",
         {
-          ref: menuRef,
-          className: "dropdown-menu shadow rounded-3 py-2 show",
-          style: {
-            ...mainStyle,
-            position: "fixed",
-            zIndex: 1e4
-          },
-          children: [
-            enableAdvancedFilter && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "dropdown-submenu dropstart", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                "button",
-                {
-                  ref: filterBtnRef,
-                  className: "dropdown-item d-flex justify-content-between",
-                  onClick: (e) => toggleMenu("filter", e),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-filter-alt me-2" }),
-                      " Filter"
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-chevron-right" })
-                  ]
-                }
-              ),
-              openMenu === "filter" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "ul",
-                {
-                  ref: filterMenuRef,
-                  className: "dropdown-menu shadow rounded-3 p-2 show",
-                  style: {
-                    ...filterStyle,
-                    position: "fixed",
-                    zIndex: 10001
-                  },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                    AdvanceFilter,
-                    {
-                      type: getAdvancedFilterType(column),
-                      value: advanceFilters[String(columnKey)],
-                      onApply: (f) => setColumnAdvanceFilter(String(columnKey), f),
-                      onClear: () => setColumnAdvanceFilter(String(columnKey), null)
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "dropdown-submenu dropstart", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                "button",
-                {
-                  ref: pinBtnRef,
-                  className: "dropdown-item d-flex justify-content-between",
-                  onClick: (e) => toggleMenu("pin", e),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-pin me-2" }),
-                      " Pin Column"
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-chevron-right" })
-                  ]
-                }
-              ),
-              openMenu === "pin" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                "ul",
-                {
-                  ref: pinMenuRef,
-                  className: "dropdown-menu shadow rounded-3 py-2 show",
-                  style: {
-                    ...pinStyle,
-                    position: "fixed",
-                    zIndex: 10001
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                      "div",
-                      {
-                        className: "dropdown-item d-flex gap-2 cursor-pointer",
-                        onClick: onUnpin,
-                        children: [
-                          !pinned && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-check text-primary" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "No Pin" })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                      "div",
-                      {
-                        className: "dropdown-item d-flex gap-2 cursor-pointer",
-                        onClick: onPinLeft,
-                        children: [
-                          pinned === "left" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-check text-primary" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Pin Left" })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-                      "div",
-                      {
-                        className: "dropdown-item d-flex gap-2 cursor-pointer",
-                        onClick: onPinRight,
-                        children: [
-                          pinned === "right" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-check text-primary" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsx)(
+            AdvanceFilter,
+            {
+              type: getAdvancedFilterType(currentColumn),
+              value: advanceFilters[String(columnKey)],
+              onApply: (f) => setColumnAdvanceFilter(String(columnKey), f),
+              onClear: () => setColumnAdvanceFilter(String(columnKey), null)
+            }
+          )
+        }
+      ]
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    PamDropdown,
+    {
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-sm bx-dots-vertical-rounded cursor-pointer" }),
+        advanceFilters[String(columnKey)] && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "badge rounded-pill bg-info badge-dot badge-notifications" })
+      ] }),
+      items
+    }
+  );
 };
-var PamHeaderOption_default = PmsHeaderOption;
+var PamHeaderOption_default = PamHeaderOptions;
 
 // src/components/FilterApplied.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -473,8 +311,10 @@ var FilterApplied = ({
   groupBy,
   removeGroupby,
   advance,
-  removeFilter
+  removeFilter,
+  grid
 }) => {
+  const { switchFiltersConfig, switchQuery, toggleSwitchFilter } = grid;
   const OPERATION = [
     { key: "eq", label: " == " },
     { key: "neq", label: " \u2260 " },
@@ -507,7 +347,7 @@ var FilterApplied = ({
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "d-flex flex-row gap-1 py-1 px-3 ", children: [
     groupBy && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "badge bg-label-primary text-capitalize", children: [
       "GroupBy : ",
-      groupBy,
+      groupBy.label,
       " ",
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "i",
@@ -533,7 +373,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__ */ (0, import_jsx_runtime3.jsxs)(
+            "span",
+            {
+              className: "badge bg-label-warning text-capitalize",
+              children: [
+                swicth.label,
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  "i",
+                  {
+                    className: "bx bx-x bx-xs cursor-pointer",
+                    onClick: () => toggleSwitchFilter?.(swicth.key)
+                  }
+                )
+              ]
+            },
+            key
+          );
+        }
+        return null;
+      });
+    })
   ] });
 };
 var FilterApplied_default = FilterApplied;
@@ -597,7 +461,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
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -615,7 +479,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
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -792,8 +656,8 @@ var Pagination = ({
 var Paginantion_default = Pagination;
 
 // src/components/dropdown/PamDropdown.tsx
-var import_react5 = require("react");
-var import_react_dom2 = require("react-dom");
+var import_react3 = require("react");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function PamDropdown({
   trigger,
@@ -804,12 +668,12 @@ function PamDropdown({
   closeOnItemClick = true,
   className = ""
 }) {
-  const triggerRef = (0, import_react5.useRef)(null);
-  const menuRef = (0, import_react5.useRef)(null);
-  const [open, setOpen] = (0, import_react5.useState)(false);
-  const [pos, setPos] = (0, import_react5.useState)({ top: 0, left: 0 });
-  const [openSubKeys, setOpenSubKeys] = (0, import_react5.useState)({});
-  const portalRoot = (0, import_react5.useMemo)(() => {
+  const triggerRef = (0, import_react3.useRef)(null);
+  const menuRef = (0, import_react3.useRef)(null);
+  const [open, setOpen] = (0, import_react3.useState)(false);
+  const [pos, setPos] = (0, import_react3.useState)({ top: 0, left: 0 });
+  const [openSubKeys, setOpenSubKeys] = (0, import_react3.useState)({});
+  const portalRoot = (0, import_react3.useMemo)(() => {
     const el = document.getElementById("pam-portal-root");
     if (el) return el;
     const created = document.createElement("div");
@@ -861,11 +725,11 @@ function PamDropdown({
     if (!t || !m) return;
     setPos(getDropdownPosition(t, m));
   }
-  (0, import_react5.useLayoutEffect)(() => {
+  (0, import_react3.useLayoutEffect)(() => {
     if (!open) return;
     updatePosition();
   }, [open, placement]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!open) return;
     const onDown = (e) => {
       const t = triggerRef.current;
@@ -886,7 +750,7 @@ function PamDropdown({
       document.removeEventListener("keydown", onKey);
     };
   }, [open]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!open) return;
     const handler = () => updatePosition();
     window.addEventListener("scroll", handler, true);
@@ -898,7 +762,7 @@ function PamDropdown({
   }, [open]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { ref: triggerRef, className: `pam-dropdown-trigger ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { onClick: toggle, style: { display: "inline-flex" }, children: trigger }) }),
-    open && (0, import_react_dom2.createPortal)(
+    open && (0, import_react_dom.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
         {
@@ -956,12 +820,12 @@ function PamDropdownNode({
   level,
   index
 }) {
-  const liRef = (0, import_react5.useRef)(null);
-  const submenuRef = (0, import_react5.useRef)(null);
+  const liRef = (0, import_react3.useRef)(null);
+  const submenuRef = (0, import_react3.useRef)(null);
   const hasChildren = !!item.children?.length;
   const nodeKey = item.key ?? `${level}-${index}`;
   const submenuOpen = !!openSubKeys[nodeKey];
-  (0, import_react5.useLayoutEffect)(() => {
+  (0, import_react3.useLayoutEffect)(() => {
     if (!submenuOpen) return;
     const li = liRef.current;
     const menu = submenuRef.current;
@@ -1048,23 +912,29 @@ function PamDropdownNode({
       ].join(" "),
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pam-dropdown-item-inner", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pam-left", children: [
-            item.icon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("i", { className: `${item.icon} pam-icon` }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "pam-label", children: item.label })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pam-right", children: [
-            item.rightSlot && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              "span",
-              {
-                className: "pam-rightslot",
-                onClick: (e) => e.stopPropagation(),
-                children: item.rightSlot
-              }
-            ),
-            hasChildren && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("i", { className: "bx bx-chevron-right pam-arrow" })
-          ] })
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          "div",
+          {
+            className: `${item.rightSlot ? "pam-dropdown-item-inner-rightSlot" : "pam-dropdown-item-inner"} `,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pam-left", children: [
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("i", { className: `${item.icon} pam-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "pam-label", children: item.label })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pam-right", children: [
+                item.rightSlot && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  "span",
+                  {
+                    className: "pam-rightslot",
+                    onClick: (e) => e.stopPropagation(),
+                    children: item.rightSlot
+                  }
+                ),
+                hasChildren && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("i", { className: "bx bx-chevron-right pam-arrow" })
+              ] })
+            ]
+          }
+        ),
         hasChildren && submenuOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: submenuRef, className: "pam-submenu", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           PamDropdownList,
           {
@@ -1087,7 +957,15 @@ 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
@@ -1123,11 +1001,11 @@ 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,
@@ -1158,12 +1036,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__ */ (0, import_jsx_runtime11.jsxs)(
+          "label",
+          {
+            className: "switch switch-square switch-sm",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  className: "switch-input",
+                  checked: !!switchFilters?.[filter.key],
+                  onChange: () => toggleSwitchFilter(filter.key)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "switch-toggle-slider", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "switch-on", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { className: "icon-base bx bx-check" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "switch-off", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { className: "icon-base bx bx-x" }) })
+              ] })
+            ]
+          }
+        )
+      });
+    });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     PamDropdown,
     {
       trigger: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { type: "button", className: "btn btn-sm btn-label-secondary me-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "icon-base bx bx-filter-alt me-1" }),
-        "Filter"
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "icon-base bx bx-filter-alt" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "d-none d-sm-inline ms-1", children: "Filter" })
       ] }),
       items
     }
@@ -1174,7 +1083,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,
@@ -1213,14 +1133,15 @@ var PamGrid = ({
   addNew,
   renderExpanded
 }) => {
-  const [isFullScreen, setFullScreen] = (0, import_react6.useState)(false);
-  const [activeCell, setActiveCell] = (0, import_react6.useState)(null);
+  const [isFullScreen, setFullScreen] = (0, import_react4.useState)(false);
+  const [draggingCol, setDraggingCol] = (0, import_react4.useState)(null);
+  const [activeCell, setActiveCell] = (0, import_react4.useState)(null);
   const [isBulkAction, setBulkAction] = useLocalStorageState(
     "bulk-data-toggle",
     false
   );
-  const wrapperRef = (0, import_react6.useRef)(null);
-  const dragState = (0, import_react6.useRef)({ from: null });
+  const wrapperRef = (0, import_react4.useRef)(null);
+  const dragState = (0, import_react4.useRef)({ from: null });
   const {
     rows,
     page,
@@ -1246,20 +1167,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;
@@ -1300,12 +1211,12 @@ var PamGrid = ({
       return next.sort((a, b) => a.order - b.order);
     });
   };
-  const groupedRows = import_react6.default.useMemo(() => {
+  const groupedRows = import_react4.default.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: [] };
@@ -1333,7 +1244,7 @@ var PamGrid = ({
   }, [rows, groupBy, visibleColumns]);
   const currentRows = rows;
   const gridHeight = isFullScreen ? "calc(100vh - 120px)" : "calc(100vh - 320px)";
-  (0, import_react6.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     document.body.style.overflow = isFullScreen ? "hidden" : "";
   }, [isFullScreen]);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -1341,9 +1252,9 @@ var PamGrid = ({
     {
       className: `pms-grid ${isFullScreen ? "card card-action card-fullscreen p-4" : ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "row ", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "col-8", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "d-flex flex-row gap-2 gap-2 ", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: features.search && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "row align-items-center g-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "col-12 col-md-8 col-lg-9", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "row", children: [
+            features.search && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "col-8 col-md-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "input",
               {
                 type: "search",
@@ -1353,33 +1264,42 @@ var PamGrid = ({
                 onChange: (e) => setSearch(e.target.value)
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MainFilter_default, { gridFetaures: features, grid })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "col-4  col-md-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MainFilter_default, { gridFetaures: features, grid }) })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "col-4 ", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "d-flex justify-content-end align-items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "col-12 col-md-4 col-lg-3", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "d-flex justify-content-md-end justify-content-between align-items-center gap-2 mt-2 mt-md-0", children: [
+            addNewRecord && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
               "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__ */ (0, import_jsx_runtime12.jsx)("i", { className: "bx bx-plus-circle" })
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    "span",
+                    {
+                      className: `icon-base ${addNewRecord?.icon || "bx bx-plus-circle"}`
+                    }
+                  ),
+                  addNewRecord?.name && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "d-none d-sm-inline", children: addNewRecord?.name })
+                ]
               }
             ),
-            isFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Minimize_default, { onClick: () => setFullScreen(!isFullScreen) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Compress_default, { onClick: () => setFullScreen(!isFullScreen) })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-shrink-0", children: isFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Minimize_default, { onClick: () => setFullScreen(!isFullScreen) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Compress_default, { onClick: () => setFullScreen(!isFullScreen) }) })
           ] }) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "d-flex flex-row gap-1", children: [
-          selected.size > 0 && features.bulkAction && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BulkAction_default, { records: selected, actions: features.bulkAction }),
+          selected.size > 0 && features.bulkActionsConfig && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BulkAction_default, { records: selected, actions: features.bulkActionsConfig }),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             FilterApplied_default,
             {
               groupBy,
               removeGroupby: () => setGroupBy(null),
               advance: advanceFilters,
-              removeFilter: (columnKey) => setColumnAdvanceFilter(String(columnKey), null)
+              removeFilter: (columnKey) => setColumnAdvanceFilter(String(columnKey), null),
+              grid
             }
           )
         ] }),
@@ -1438,10 +1358,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__ */ (0, import_jsx_runtime12.jsxs)(
                                 "div",
@@ -1452,16 +1380,16 @@ var PamGrid = ({
                                       "div",
                                       {
                                         onClick: () => col.sortable && changeSort(String(col.key)),
-                                        style: { cursor: col.sortable ? "pointer" : "default" },
+                                        className: col.sortable ? "cursor-pointer" : "",
                                         children: [
                                           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("small", { children: col.title }),
                                           sortBy.key === col.key && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                                             "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__ */ (0, import_jsx_runtime12.jsx)("i", { className: "bx bx-x" })
+                                          col.pinned === col.key && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("i", { className: "bx bx-x cursor-pointer" })
                                         ]
                                       }
                                     ),
@@ -1469,19 +1397,15 @@ var PamGrid = ({
                                       features.pinning && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                                         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__ */ (0, import_jsx_runtime12.jsx)(
+                                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                                         "i",
                                         {
-                                          className: "resize-handle bx bx-move-horizontal",
+                                          className: "bx bx-move-horizontal text-white cursor-resize",
                                           onMouseDown: (e) => onResizeMouseDown(e, col.key)
                                         }
                                       )
@@ -1513,7 +1437,7 @@ var PamGrid = ({
                         EmptyState_default,
                         {
                           title: emptyState.title,
-                          description: `${emptyState.description} "${search}"`,
+                          description: `No results found for "${search}"`,
                           imgSrc: NoSearchResult_default
                         }
                       ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -1526,7 +1450,7 @@ var PamGrid = ({
                       ) }) })
                     },
                     index
-                  ) }, `row-${index}`)) : !loading && groupBy && groupedRows && groupedRows.length > 0 ? groupedRows.map((g, indG) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react6.default.Fragment, { children: [
+                  ) }, `row-${index}`)) : !loading && groupBy && groupedRows && groupedRows.length > 0 ? groupedRows.map((g, indG) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react4.default.Fragment, { children: [
                     /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { className: "pam-bg-light-primary", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                       "td",
                       {
@@ -1558,7 +1482,7 @@ var PamGrid = ({
                 style: { width: "80px" },
                 value: pageSize,
                 onChange: (e) => setPageSize(Number(e.target.value)),
-                children: [25, 50, 100].map((n) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: n, children: n }, n))
+                children: [20, 50, 100].map((n) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: n, children: n }, n))
               }
             ),
             " ",
@@ -1582,7 +1506,7 @@ var PamGrid = ({
   function renderRow(row, ind) {
     const isSelected = selected.has(String(row[rowKey]));
     const isExpanded = expanded.has(String(row[rowKey]));
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react6.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react4.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { children: [
         features.IsNumbering && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "text-center align-middle p-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("small", { className: "text-secondry", children: ind + 1 }) }),
         features.expand && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "text-center align-middle ", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -1688,7 +1612,7 @@ var PamGrid = ({
           }
         )
       ] }),
-      isExpanded && renderExpanded && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { className: "table-active", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      isExpanded && renderExpanded && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tr", { className: "expanded-row", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "td",
         {
           colSpan: visibleColumns.length + (features.selection ? 1 : 0) + (features.expand ? 1 : 0) + (features.actions ? 1 : 0),
@@ -1771,42 +1695,53 @@ var ColumnVisibilityPanel = ({
 var ColumnVisibilityPanel_default = ColumnVisibilityPanel;
 
 // src/core/useGridCore.ts
-var import_react7 = require("react");
+var import_react5 = require("react");
 function useGridCore({
   data = [],
   columns = [],
   serverMode = false,
   rowKey = "id",
-  initialPageSize = 20
+  initialPageSize = 20,
+  addNewRecord,
+  switchFiltersConfig
 }) {
-  const [page, setPage] = (0, import_react7.useState)(1);
-  const [pageSize, setPageSize] = (0, import_react7.useState)(initialPageSize);
-  const [search, setSearch] = (0, import_react7.useState)("");
-  const [debouncedSearch, setDebouncedSearch] = (0, import_react7.useState)("");
-  const [groupBy, setGroupBy] = (0, import_react7.useState)(null);
-  const [emptyState, setEmptyState] = (0, import_react7.useState)({});
-  const [advanceFilters, setAdvanceFilters] = (0, import_react7.useState)({});
-  const [sortBy, setSortBy] = (0, import_react7.useState)({ key: null, dir: "asc" });
-  const [selected, setSelected] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
-  const [expanded, setExpanded] = (0, import_react7.useState)(/* @__PURE__ */ new Set());
-  const [serverRows, setServerRows] = (0, import_react7.useState)([]);
-  const [serverTotal, setServerTotal] = (0, import_react7.useState)(0);
-  const [serverTotalPages, setServerTotalPages] = (0, import_react7.useState)(1);
-  const [colState, setColState] = (0, import_react7.useState)(
+  const [page, setPage] = (0, import_react5.useState)(1);
+  const [pageSize, setPageSize] = (0, import_react5.useState)(initialPageSize);
+  const [search, setSearch] = (0, import_react5.useState)("");
+  const [debouncedSearch, setDebouncedSearch] = (0, import_react5.useState)("");
+  const [groupBy, setGroupBy] = (0, import_react5.useState)(null);
+  const [emptyState, setEmptyState] = (0, import_react5.useState)({});
+  const [advanceFilters, setAdvanceFilters] = (0, import_react5.useState)({});
+  const [sortBy, setSortBy] = (0, import_react5.useState)({ key: null, dir: "asc" });
+  const [selected, setSelected] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
+  const [switchFilters, setSwitchFilters] = (0, import_react5.useState)(
+    () => {
+      const initial = {};
+      switchFiltersConfig?.forEach((f) => {
+        initial[f.key] = f.defaultValue ?? false;
+      });
+      return initial;
+    }
+  );
+  const [serverRows, setServerRows] = (0, import_react5.useState)([]);
+  const [serverTotal, setServerTotal] = (0, import_react5.useState)(0);
+  const [serverTotalPages, setServerTotalPages] = (0, import_react5.useState)(1);
+  const [colState, setColState] = (0, import_react5.useState)(
     () => columns.map((c, i) => ({
       ...c,
       visible: c.visible !== false,
       order: i
     }))
   );
-  (0, import_react7.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const t = setTimeout(() => {
       setDebouncedSearch(search);
       setPage(1);
     }, 400);
     return () => clearTimeout(t);
   }, [search]);
-  const filteredData = (0, import_react7.useMemo)(() => {
+  const filteredData = (0, import_react5.useMemo)(() => {
     if (serverMode) return [];
     let filtered = [...data];
     if (debouncedSearch) {
@@ -1829,7 +1764,7 @@ function useGridCore({
     }
     return filtered;
   }, [data, debouncedSearch, sortBy, serverMode]);
-  const pagedClientRows = (0, import_react7.useMemo)(() => {
+  const pagedClientRows = (0, import_react5.useMemo)(() => {
     if (serverMode) return [];
     const start = (page - 1) * pageSize;
     return filteredData.slice(start, start + pageSize);
@@ -1837,7 +1772,7 @@ function useGridCore({
   const rows = serverMode ? serverRows : pagedClientRows;
   const totalRows = serverMode ? serverTotal : filteredData.length;
   const totalPages = serverMode ? serverTotalPages : Math.max(1, Math.ceil(totalRows / pageSize));
-  const toggleSelect = (0, import_react7.useCallback)((id) => {
+  const toggleSelect = (0, import_react5.useCallback)((id) => {
     const key = String(id);
     setSelected((prev) => {
       const s = new Set(prev);
@@ -1845,7 +1780,7 @@ function useGridCore({
       return s;
     });
   }, []);
-  const selectAllOnPage = (0, import_react7.useCallback)(
+  const selectAllOnPage = (0, import_react5.useCallback)(
     (rows2) => {
       setSelected((prev) => {
         const s = new Set(prev);
@@ -1855,7 +1790,7 @@ function useGridCore({
     },
     [rowKey]
   );
-  const deselectAllOnPage = (0, import_react7.useCallback)(
+  const deselectAllOnPage = (0, import_react5.useCallback)(
     (rows2) => {
       setSelected((prev) => {
         const s = new Set(prev);
@@ -1865,13 +1800,13 @@ function useGridCore({
     },
     [rowKey]
   );
-  const changeSort = (0, import_react7.useCallback)((key) => {
+  const changeSort = (0, import_react5.useCallback)((key) => {
     setSortBy(
       (p) => p.key !== key ? { key, dir: "asc" } : p.dir === "asc" ? { key, dir: "desc" } : { key: null, dir: "asc" }
     );
     setPage(1);
   }, []);
-  const setColumnAdvanceFilter = (0, import_react7.useCallback)(
+  const setColumnAdvanceFilter = (0, import_react5.useCallback)(
     (column, filter) => {
       setAdvanceFilters((prev) => {
         if (!filter) {
@@ -1885,11 +1820,27 @@ function useGridCore({
     },
     []
   );
-  const visibleColumns = (0, import_react7.useMemo)(
+  const toggleSwitchFilter = (0, import_react5.useCallback)((key) => {
+    setSwitchFilters((prev) => ({
+      ...prev,
+      [key]: !prev[key]
+    }));
+    setPage(1);
+  }, []);
+  const switchQuery = (0, import_react5.useMemo)(() => {
+    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 = (0, import_react5.useMemo)(
     () => colState.filter((c) => c.visible).sort((a, b) => a.order - b.order),
     [colState]
   );
-  const updateColumn = (0, import_react7.useCallback)(
+  const updateColumn = (0, import_react5.useCallback)(
     (key, patch) => {
       setColState(
         (prev) => prev.map((c) => c.key === key ? { ...c, ...patch } : c)
@@ -1897,7 +1848,7 @@ function useGridCore({
     },
     []
   );
-  const toggleExpand = (0, import_react7.useCallback)((id) => {
+  const toggleExpand = (0, import_react5.useCallback)((id) => {
     setExpanded((prev) => {
       const s = new Set(prev);
       s.has(id) ? s.delete(id) : s.add(id);
@@ -1933,6 +1884,8 @@ function useGridCore({
     // expand
     expanded,
     toggleExpand,
+    // New Record Button
+    addNewRecord,
     // columns
     colState,
     visibleColumns,
@@ -1950,7 +1903,13 @@ function useGridCore({
     rowKey,
     // empty state
     emptyState,
-    setEmptyState
+    setEmptyState,
+    // switch filters
+    switchFilters,
+    toggleSwitchFilter,
+    setSwitchFilters,
+    switchQuery,
+    switchFiltersConfig
   };
 }
 // Annotate the CommonJS export names for ESM import in node: