pam-grid 1.1.0 → 1.2.0

package/dist/index.js

@@ -46,311 +46,671 @@ module.exports = __toCommonJS(index_exports);
 var import_react5 = __toESM(require("react"));
 
 // src/components/AdvanceFilter.tsx
+var import_react2 = require("react");
+
+// src/components/dropdown/PamDropdown.tsx
 var import_react = require("react");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime = require("react/jsx-runtime");
-var OPERATORS = {
-  number: [
-    { key: "eq", label: "Equals" },
-    { key: "neq", label: "Not Equal" },
-    { key: "gt", label: "Greater Than" },
-    { key: "gte", label: "Greater or Equal" },
-    { key: "lt", label: "Less Than" },
-    { key: "lte", label: "Less or Equal" },
-    { key: "between", label: "Between" }
-  ],
-  text: [
-    { key: "contains", label: "Contains" },
-    { key: "starts", label: "Starts With" },
-    { key: "ends", label: "Ends With" },
-    { key: "eq", label: "Equals" }
-  ],
-  date: [
-    { key: "before", label: "Before" },
-    { key: "after", label: "After" },
-    { key: "between", label: "Between" }
-  ]
-};
-function AdvanceFilter({
-  type = "number",
-  value,
-  onApply,
-  onClear
+function PamDropdown({
+  trigger,
+  items,
+  title,
+  placement = "bottom-start",
+  offset = 6,
+  disabled = false,
+  closeOnItemClick = true,
+  className = ""
 }) {
-  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("");
-      setV2("");
-      return;
+  const triggerRef = (0, import_react.useRef)(null);
+  const menuRef = (0, import_react.useRef)(null);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [pos, setPos] = (0, import_react.useState)({ top: 0, left: 0 });
+  const [openSubKeys, setOpenSubKeys] = (0, import_react.useState)({});
+  const portalRoot = (0, import_react.useMemo)(() => {
+    const el = document.getElementById("pam-portal-root");
+    if (el) return el;
+    const created = document.createElement("div");
+    created.id = "pam-portal-root";
+    document.body.appendChild(created);
+    return created;
+  }, []);
+  function close() {
+    setOpen(false);
+    setOpenSubKeys({});
+  }
+  function toggle() {
+    if (disabled) return;
+    setOpen((v) => {
+      const next = !v;
+      if (!next) setOpenSubKeys({});
+      return next;
+    });
+  }
+  function getDropdownPosition(triggerEl, menuEl) {
+    const rect = triggerEl.getBoundingClientRect();
+    const menuRect = menuEl.getBoundingClientRect();
+    let top = rect.bottom + offset + window.scrollY;
+    let left = rect.left + window.scrollX;
+    if (placement.startsWith("top")) {
+      top = rect.top - menuRect.height - offset + window.scrollY;
     }
-    setOperation(value.operation);
-    setV1(value.value ?? value.from ?? "");
-    setV2(value.to ?? "");
-  }, [value]);
-  const apply = () => {
-    if (!operation) return;
-    onApply(
-      operation === "between" ? { operation, from: v1, to: v2 } : { operation, value: v1 }
-    );
-  };
-  if (!type) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: 270 }, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "form-label", children: "Condition" }),
+    if (placement.endsWith("end")) {
+      left = rect.right - menuRect.width + window.scrollX;
+    }
+    const minLeft = 8 + window.scrollX;
+    const maxLeft = window.innerWidth - menuRect.width - 8 + window.scrollX;
+    left = Math.max(minLeft, Math.min(left, maxLeft));
+    const minTop = 8 + window.scrollY;
+    const maxTop = window.innerHeight - menuRect.height - 8 + window.scrollY;
+    top = Math.max(minTop, Math.min(top, maxTop));
+    const bottomOverflow = top + menuRect.height > window.innerHeight + window.scrollY;
+    const topOverflow = top < window.scrollY;
+    if (bottomOverflow && rect.top > menuRect.height) {
+      top = rect.top - menuRect.height - offset + window.scrollY;
+    } else if (topOverflow && window.innerHeight - rect.bottom > menuRect.height) {
+      top = rect.bottom + offset + window.scrollY;
+    }
+    return { top, left };
+  }
+  function updatePosition() {
+    const t = triggerRef.current;
+    const m = menuRef.current;
+    if (!t || !m) return;
+    setPos(getDropdownPosition(t, m));
+  }
+  (0, import_react.useLayoutEffect)(() => {
+    if (!open) return;
+    updatePosition();
+  }, [open, placement]);
+  (0, import_react.useEffect)(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      const t = triggerRef.current;
+      const m = menuRef.current;
+      if (!t || !m) return;
+      const target = e.target;
+      if (t.contains(target)) return;
+      if (m.contains(target)) return;
+      close();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  (0, import_react.useEffect)(() => {
+    if (!open) return;
+    const handler = () => updatePosition();
+    window.addEventListener("scroll", handler, true);
+    window.addEventListener("resize", handler);
+    return () => {
+      window.removeEventListener("scroll", handler, true);
+      window.removeEventListener("resize", handler);
+    };
+  }, [open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { ref: triggerRef, className: `pam-dropdown-trigger ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { onClick: toggle, style: { display: "inline-flex" }, children: trigger }) }),
+    open && (0, import_react_dom.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "select",
+        "div",
         {
-          className: "form-select form-select-sm",
-          value: operation,
-          onChange: (e) => setOperation(e.target.value),
+          ref: menuRef,
+          className: "pam-dropdown-menu",
+          style: {
+            top: pos.top,
+            left: pos.left
+          },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: "Select" }),
-            OPERATORS[type].map((o) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: o.key, children: o.label }, o.key))
+            title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pam-dropdown-title", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pam-list-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              PamDropdownList,
+              {
+                items,
+                closeOnItemClick,
+                onClose: close,
+                openSubKeys,
+                setOpenSubKeys,
+                level: 0
+              }
+            ) })
           ]
         }
-      )
-    ] }),
-    operation && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "form-label", children: "Value" }),
-      operation !== "between" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "input",
-        {
-          type,
-          className: "form-control form-control-sm",
-          value: v1,
-          onChange: (e) => setV1(e.target.value)
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "d-flex gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "input",
-          {
-            type,
-            className: "form-control form-control-sm",
-            placeholder: "From",
-            value: v1,
-            onChange: (e) => setV1(e.target.value)
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "input",
-          {
-            type,
-            className: "form-control form-control-sm",
-            placeholder: "To",
-            value: v2,
-            onChange: (e) => setV2(e.target.value)
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "d-flex justify-content-between mt-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "btn btn-label-secondary btn-xs", onClick: onClear, children: "Clear" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "btn btn-primary btn-xs", onClick: apply, children: "Apply" })
-    ] })
+      ),
+      portalRoot
+    )
   ] });
 }
-
-// src/core/utils.ts
-var import_react2 = require("react");
-var EDGE_SIZE = 8;
-var getResizeSide = (e, index) => {
-  const rect = e.currentTarget.getBoundingClientRect();
-  const nearRight = rect.right - e.clientX < EDGE_SIZE;
-  const nearLeft = e.clientX - rect.left < EDGE_SIZE;
-  if (nearRight) return "right";
-  if (nearLeft && index > 0) return "left";
-  return null;
-};
-function getAdvancedFilterType(column) {
-  const f = column.enableAdvancedFilter;
-  if (!f) return null;
-  if (f === true) {
-    return "number";
-  }
-  return f.type;
-}
-function getLeftOffset(colState, key) {
-  let offset = 0;
-  const leftCols = colState.filter((c) => c.visible && c.pinned === "left").sort((a, b) => a.order - b.order);
-  for (const c of leftCols) {
-    if (c.key === key) return offset;
-    offset += c.width ?? 120;
-  }
-  return offset;
-}
-function getRightOffset(colState, key) {
-  let offset = 0;
-  const rightCols = colState.filter((c) => c.visible && c.pinned === "right").sort((a, b) => b.order - a.order);
-  for (const c of rightCols) {
-    if (c.key === key) return offset;
-    offset += c.width ?? 120;
-  }
-  return offset;
+function PamDropdownList({
+  items,
+  onClose,
+  closeOnItemClick,
+  openSubKeys,
+  setOpenSubKeys,
+  level
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "pam-dropdown-list", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PamDropdownNode,
+    {
+      item,
+      onClose,
+      closeOnItemClick,
+      openSubKeys,
+      setOpenSubKeys,
+      level,
+      index
+    },
+    item.key ?? `${level}-${index}`
+  )) });
 }
-var getNestedValue = (obj, path) => {
-  return path.split(".").reduce((acc, key) => acc?.[key], obj);
-};
-function useLocalStorageState(key, initialValue) {
-  const getValue = () => {
-    try {
-      const stored = localStorage.getItem(key);
-      return stored ? JSON.parse(stored) : initialValue;
-    } catch {
-      return initialValue;
-    }
-  };
-  const [value, setValue] = (0, import_react2.useState)(getValue);
-  const updateValue = (newValue) => {
-    setValue(newValue);
-    localStorage.setItem(key, JSON.stringify(newValue));
-    window.dispatchEvent(
-      new CustomEvent("pam-localstorage", {
-        detail: { key, value: newValue }
-      })
-    );
-  };
-  (0, import_react2.useEffect)(() => {
-    const sync = (e) => {
-      if (e?.detail?.key === key) {
-        setValue(e.detail.value);
-        return;
-      }
-      if (e?.key === key) {
-        setValue(getValue());
+function PamDropdownNode({
+  item,
+  onClose,
+  closeOnItemClick,
+  openSubKeys,
+  setOpenSubKeys,
+  level,
+  index
+}) {
+  const liRef = (0, import_react.useRef)(null);
+  const submenuRef = (0, import_react.useRef)(null);
+  const hasChildren = !!item.children?.length;
+  const nodeKey = item.key ?? `${level}-${index}`;
+  const submenuOpen = !!openSubKeys[nodeKey];
+  (0, import_react.useLayoutEffect)(() => {
+    if (!submenuOpen) return;
+    const li = liRef.current;
+    const menu = submenuRef.current;
+    if (!li || !menu) return;
+    const rect = li.getBoundingClientRect();
+    menu.style.left = "0px";
+    menu.style.top = "0px";
+    menu.style.maxHeight = "";
+    menu.style.overflowY = "";
+    const menuRect = menu.getBoundingClientRect();
+    const gap = 6;
+    const spaceRight = window.innerWidth - rect.right;
+    const spaceLeft = rect.left;
+    const spaceBottom = window.innerHeight - rect.bottom;
+    const spaceTop = rect.top;
+    let left = rect.right + gap;
+    let top = rect.top;
+    let mode = "right";
+    if (spaceRight >= menuRect.width) {
+      mode = "right";
+      left = rect.right + gap;
+      top = rect.top;
+    } else if (spaceLeft >= menuRect.width) {
+      mode = "left";
+      left = rect.left - menuRect.width - gap;
+      top = rect.top;
+    } else {
+      if (spaceBottom >= menuRect.height) {
+        mode = "bottom";
+        left = rect.left;
+        top = rect.bottom + gap;
+      } else if (spaceTop >= menuRect.height) {
+        mode = "top";
+        left = rect.left;
+        top = rect.top - menuRect.height - gap;
+      } else {
+        mode = "bottom";
+        left = rect.left;
+        top = rect.bottom + gap;
       }
-    };
-    window.addEventListener("pam-localstorage", sync);
-    window.addEventListener("storage", sync);
-    return () => {
-      window.removeEventListener("pam-localstorage", sync);
-      window.removeEventListener("storage", sync);
-    };
-  }, [key]);
-  return [value, updateValue];
+    }
+    const minLeft = 8;
+    const maxLeft = window.innerWidth - menuRect.width - 8;
+    left = Math.max(minLeft, Math.min(left, maxLeft));
+    const minTop = 8;
+    const maxTop = window.innerHeight - menuRect.height - 8;
+    top = Math.max(minTop, Math.min(top, maxTop));
+    const maxHeight = window.innerHeight - 16;
+    menu.style.maxHeight = `${maxHeight}px`;
+    menu.style.overflowY = "auto";
+    menu.style.left = `${left}px`;
+    menu.style.top = `${top}px`;
+    menu.setAttribute("data-placement", mode);
+  }, [submenuOpen]);
+  const handleClick = (e) => {
+    e.stopPropagation();
+    if (item.disabled) return;
+    if (hasChildren) {
+      setOpenSubKeys((prev) => {
+        const next = {};
+        Object.keys(prev).forEach((k) => {
+          const lvl = Number(k.split("-")[0]);
+          if (lvl < level) next[k] = prev[k];
+        });
+        next[nodeKey] = !prev[nodeKey];
+        return next;
+      });
+      return;
+    }
+    item.onClick?.();
+    if (item.keepOpenOnClick) return;
+    if (closeOnItemClick) onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "li",
+    {
+      ref: liRef,
+      className: [
+        !item.custome ? "pam-dropdown-item" : "",
+        item.danger ? "danger" : "",
+        item.disabled ? "disabled" : "",
+        hasChildren ? "has-children" : "",
+        submenuOpen ? "open" : ""
+      ].join(" "),
+      onClick: handleClick,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: `${item.rightSlot ? "pam-dropdown-item-inner-rightSlot" : "pam-dropdown-item-inner"} `,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pam-left", children: [
+                item.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { className: `${item.icon} pam-icon` }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "pam-label", children: item.label })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pam-right", children: [
+                item.rightSlot && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "span",
+                  {
+                    className: "pam-rightslot",
+                    onClick: (e) => e.stopPropagation(),
+                    children: item.rightSlot
+                  }
+                ),
+                hasChildren && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { className: "bx bx-chevron-right pam-arrow" })
+              ] })
+            ]
+          }
+        ),
+        hasChildren && submenuOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: submenuRef, className: "pam-submenu", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          PamDropdownList,
+          {
+            items: item.children,
+            onClose,
+            closeOnItemClick,
+            openSubKeys,
+            setOpenSubKeys,
+            level: level + 1
+          }
+        ) })
+      ]
+    }
+  );
 }
-var resolveValue = (value, row) => {
-  return typeof value === "function" ? value(row) : value;
-};
 
-// src/components/FacetFilter.tsx
-var import_react3 = require("react");
+// src/components/AdvanceFilter.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var FacetFilter = ({
-  columnKey,
-  grid
-}) => {
-  const {
-    facetItems,
-    facetFilters,
-    toggleFacetFilter,
-    loadFacets,
-    facetLoading,
-    clearFacetFilters
-  } = grid;
-  const [search, setSearch] = (0, import_react3.useState)("");
-  const items = facetItems?.[columnKey] || [];
-  const selected = facetFilters?.[columnKey] || [];
-  (0, import_react3.useEffect)(() => {
-    loadFacets(columnKey);
-  }, [columnKey]);
-  const filteredItems = (0, import_react3.useMemo)(() => {
-    if (!search) return items;
-    const q = search.toLowerCase();
-    return items.filter((i) => i.name.toLowerCase().includes(q));
-  }, [items, search]);
-  if (facetLoading?.[columnKey]) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "p-3 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-secondary", children: "Loading..." }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "pam-grid-facet-filter", style: { width: 240 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "input",
-      {
-        type: "search",
-        className: "form-control form-control-sm",
-        placeholder: "Search...",
-        value: search,
-        onChange: (e) => setSearch(e.target.value)
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "div",
-      {
-        className: "list-group list-group-flush text-truncate",
-        style: {
-          maxHeight: 220,
-          overflowY: "auto"
-        },
-        children: [
-          filteredItems.map((item) => {
-            const checked = selected.some((s) => s.id === item.id);
-            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-              "label",
-              {
-                className: "list-group-item list-group-item-action d-flex align-items-center gap-2 py-2",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                    "input",
-                    {
-                      type: "checkbox",
-                      className: "form-check-input mt-0",
-                      checked,
-                      onChange: () => toggleFacetFilter(columnKey, item)
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "flex-grow-1", children: item.name }),
-                  checked && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-check text-primary" })
-                ]
-              },
-              item.id
-            );
-          }),
-          !filteredItems.length && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-center text-muted py-3 small", children: "No results" })
-        ]
-      }
-    ),
-    selected.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "pt-2 border-top mt-2 d-flex justify-content-end", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "button",
-      {
-        className: "btn btn-sm btn-label-secondary",
-        onClick: clearFacetFilters,
-        children: "Clear"
-      }
-    ) })
-  ] });
+var OPERATORS = {
+  number: [
+    { key: "eq", label: "Equals" },
+    { key: "neq", label: "Not Equal" },
+    { key: "gt", label: "Greater Than" },
+    { key: "gte", label: "Greater or Equal" },
+    { key: "lt", label: "Less Than" },
+    { key: "lte", label: "Less or Equal" },
+    { key: "between", label: "Between" }
+  ],
+  text: [
+    { key: "contains", label: "Contains" },
+    { key: "starts", label: "Starts With" },
+    { key: "ends", label: "Ends With" },
+    { key: "eq", label: "Equals" }
+  ],
+  date: [
+    { key: "before", label: "Before" },
+    { key: "after", label: "After" },
+    { key: "between", label: "Between" }
+  ]
 };
-var FacetFilter_default = FacetFilter;
-
-// src/components/PamHeaderOption.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var PamHeaderOptions = ({
-  currentColumn,
-  gridFetaures,
-  grid
-}) => {
-  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 });
-  };
-  const unpinColumn = (key) => {
-    updateColumn(key, { pinned: null });
+function AdvanceFilter({
+  type = "number",
+  value,
+  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)(() => {
+    if (!value) {
+      setOperation("");
+      setV1("");
+      setV2("");
+      return;
+    }
+    setOperation(value.operation);
+    setV1(value.value ?? value.from ?? "");
+    setV2(value.to ?? "");
+  }, [value]);
+  const apply = () => {
+    if (!operation) return;
+    onApply(
+      operation === "between" ? { type, operation, from: v1, to: v2 } : { type, operation, value: v1 }
+    );
   };
-  if (gridFetaures.pinning) {
-    items.push({
-      key: `pined-col-${String(currentColumn.key)}`,
-      label: "Pinned",
-      icon: "bx bx-pin",
-      keepOpenOnClick: true,
+  if (!type) return null;
+  const isApplyDisabled = !operation || (operation === "between" ? !v1 || !v2 : !v1);
+  const selectedOpLabel = OPERATORS[type].find((o) => o.key === operation)?.label || "Select condition...";
+  const opItems = OPERATORS[type].map((o) => ({
+    key: o.key,
+    label: o.label,
+    onClick: () => setOperation(o.key)
+  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: "advance-filter-panel",
+      style: { width: 260, minWidth: 260 },
+      onClick: (e) => e.stopPropagation(),
+      onMouseDown: (e) => e.stopPropagation(),
       children: [
-        {
-          key: `pined-col-${String(currentColumn.key)}-noPinned`,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "d-flex align-items-center mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-filter text-secondary me-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-secondary", children: "Filter by Column" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mb-3", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          PamDropdown,
+          {
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              "button",
+              {
+                type: "button",
+                className: "btn d-flex align-items-center  gap-2 px-2 py-1 bg-light-secondary-hover rounded",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-truncate", style: { maxWidth: 140 }, children: selectedOpLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { className: "bx bx-xs bx-expand-vertical" })
+                ]
+              }
+            ),
+            items: opItems,
+            placement: "bottom-start"
+          }
+        ) }),
+        operation && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mb-3", children: operation !== "between" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            type: type === "date" ? "date" : type === "number" ? "number" : "text",
+            className: "form-control form-control-sm",
+            placeholder: "Value...",
+            value: v1,
+            onChange: (e) => setV1(e.target.value),
+            autoFocus: true
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "d-flex flex-column gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "input",
+            {
+              type: type === "date" ? "date" : type === "number" ? "number" : "text",
+              className: "form-control form-control-sm",
+              placeholder: "From",
+              value: v1,
+              onChange: (e) => setV1(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "input",
+            {
+              type: type === "date" ? "date" : type === "number" ? "number" : "text",
+              className: "form-control form-control-sm",
+              placeholder: "To",
+              value: v2,
+              onChange: (e) => setV2(e.target.value)
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "d-flex align-items-center justify-content-between gap-2 mt-3 pt-2 border-top", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "button",
+            {
+              className: "btn btn-sm btn-label-secondary border-0",
+              onClick: onClear,
+              style: { fontSize: "0.75rem", padding: "4px 8px" },
+              children: "Clear"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "button",
+            {
+              className: "btn btn-sm btn-primary",
+              onClick: apply,
+              disabled: isApplyDisabled,
+              style: { fontSize: "0.75rem", padding: "4px 16px", borderRadius: "4px" },
+              children: "Apply"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: `
+        .dropdown-item-custom:hover {
+          background-color: #f5f5f9;
+          color: #696cff;
+        }
+        .advance-filter-panel .form-control:focus {
+          border-color: #696cff;
+          box-shadow: 0 0 0 0.1rem rgba(105, 108, 255, 0.1);
+        }
+      ` })
+      ]
+    }
+  );
+}
+
+// src/core/utils.ts
+var import_react3 = require("react");
+var EDGE_SIZE = 8;
+var getResizeSide = (e, index) => {
+  const rect = e.currentTarget.getBoundingClientRect();
+  const nearRight = rect.right - e.clientX < EDGE_SIZE;
+  const nearLeft = e.clientX - rect.left < EDGE_SIZE;
+  if (nearRight) return "right";
+  if (nearLeft && index > 0) return "left";
+  return null;
+};
+function getAdvancedFilterType(column) {
+  const f = column.enableAdvancedFilter;
+  if (!f) return null;
+  if (f === true) {
+    return "number";
+  }
+  return f.type;
+}
+function getLeftOffset(colState, key) {
+  let offset = 0;
+  const leftCols = colState.filter((c) => c.visible && c.pinned === "left").sort((a, b) => a.order - b.order);
+  for (const c of leftCols) {
+    if (c.key === key) return offset;
+    offset += c.width ?? 120;
+  }
+  return offset;
+}
+function getRightOffset(colState, key) {
+  let offset = 0;
+  const rightCols = colState.filter((c) => c.visible && c.pinned === "right").sort((a, b) => b.order - a.order);
+  for (const c of rightCols) {
+    if (c.key === key) return offset;
+    offset += c.width ?? 120;
+  }
+  return offset;
+}
+var getNestedValue = (obj, path) => {
+  return path.split(".").reduce((acc, key) => acc?.[key], obj);
+};
+function useLocalStorageState(key, initialValue) {
+  const getValue = () => {
+    try {
+      const stored = localStorage.getItem(key);
+      return stored ? JSON.parse(stored) : initialValue;
+    } catch {
+      return initialValue;
+    }
+  };
+  const [value, setValue] = (0, import_react3.useState)(getValue);
+  const updateValue = (newValue) => {
+    setValue(newValue);
+    localStorage.setItem(key, JSON.stringify(newValue));
+    window.dispatchEvent(
+      new CustomEvent("pam-localstorage", {
+        detail: { key, value: newValue }
+      })
+    );
+  };
+  (0, import_react3.useEffect)(() => {
+    const sync = (e) => {
+      if (e?.detail?.key === key) {
+        setValue(e.detail.value);
+        return;
+      }
+      if (e?.key === key) {
+        setValue(getValue());
+      }
+    };
+    window.addEventListener("pam-localstorage", sync);
+    window.addEventListener("storage", sync);
+    return () => {
+      window.removeEventListener("pam-localstorage", sync);
+      window.removeEventListener("storage", sync);
+    };
+  }, [key]);
+  return [value, updateValue];
+}
+var resolveValue = (value, row) => {
+  return typeof value === "function" ? value(row) : value;
+};
+
+// src/components/FacetFilter.tsx
+var import_react4 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var FacetFilter = ({
+  columnKey,
+  grid
+}) => {
+  const {
+    facetItems,
+    facetFilters,
+    toggleFacetFilter,
+    loadFacets,
+    facetLoading,
+    clearFacetFilters
+  } = grid;
+  const [search, setSearch] = (0, import_react4.useState)("");
+  const items = facetItems?.[columnKey] || [];
+  const selected = facetFilters?.[columnKey] || [];
+  (0, import_react4.useEffect)(() => {
+    loadFacets(columnKey);
+  }, [columnKey]);
+  const filteredItems = (0, import_react4.useMemo)(() => {
+    if (!search) return items;
+    const q = search.toLowerCase();
+    return items.filter((i) => i.name.toLowerCase().includes(q));
+  }, [items, search]);
+  if (facetLoading?.[columnKey]) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "p-3 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-secondary", children: "Loading..." }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      className: "pam-grid-facet-filter",
+      style: { width: 240 },
+      onClick: (e) => e.stopPropagation(),
+      onMouseDown: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "input",
+          {
+            type: "search",
+            className: "form-control form-control-sm",
+            placeholder: "Search...",
+            value: search,
+            onChange: (e) => setSearch(e.target.value)
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "div",
+          {
+            className: "list-group list-group-flush text-truncate",
+            style: {
+              maxHeight: 220,
+              overflowY: "auto"
+            },
+            children: [
+              filteredItems.map((item) => {
+                const checked = selected.some((s) => s.id === item.id);
+                return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                  "label",
+                  {
+                    className: "list-group-item list-group-item-action d-flex align-items-center gap-2 py-2",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        "input",
+                        {
+                          type: "checkbox",
+                          className: "form-check-input mt-0",
+                          checked,
+                          onChange: () => toggleFacetFilter(columnKey, item)
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "flex-grow-1", children: item.name }),
+                      checked && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { className: "bx bx-check text-primary" })
+                    ]
+                  },
+                  item.id
+                );
+              }),
+              !filteredItems.length && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "text-center text-muted py-3 small", children: "No results" })
+            ]
+          }
+        ),
+        selected.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "pt-2 border-top mt-2 d-flex justify-content-end", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "button",
+          {
+            className: "btn btn-sm btn-label-secondary",
+            onClick: clearFacetFilters,
+            children: "Clear"
+          }
+        ) })
+      ]
+    }
+  );
+};
+var FacetFilter_default = FacetFilter;
+
+// src/components/PamHeaderOption.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var PamHeaderOptions = ({
+  currentColumn,
+  gridFetaures,
+  grid
+}) => {
+  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 });
+  };
+  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)
@@ -380,7 +740,7 @@ var PamHeaderOptions = ({
           key: `advance-filter-${String(currentColumn.key)}-apply`,
           keepOpenOnClick: true,
           custome: true,
-          label: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          label: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             AdvanceFilter,
             {
               type: getAdvancedFilterType(currentColumn),
@@ -403,17 +763,17 @@ var PamHeaderOptions = ({
           key: `facet-filter-${String(currentColumn.key)}-items`,
           keepOpenOnClick: true,
           custome: true,
-          label: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FacetFilter_default, { columnKey: String(columnKey), grid })
+          label: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FacetFilter_default, { columnKey: String(columnKey), grid })
         }
       ]
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     PamDropdown,
     {
-      trigger: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("i", { className: "bx bx-sm bx-dots-vertical-rounded cursor-pointer" }),
-        advanceFilters[String(columnKey)] && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "badge rounded-pill bg-info badge-dot badge-notifications" })
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("i", { className: "bx bx-sm bx-dots-vertical-rounded cursor-pointer" }),
+        advanceFilters[String(columnKey)] && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "badge rounded-pill bg-info badge-dot badge-notifications" })
       ] }),
       items
     }
@@ -422,7 +782,7 @@ var PamHeaderOptions = ({
 var PamHeaderOption_default = PamHeaderOptions;
 
 // src/components/FilterApplied.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var FilterApplied = ({
   groupBy,
   removeGroupby,
@@ -466,12 +826,12 @@ var FilterApplied = ({
   };
   const facetFilters = grid.facetFilters || {};
   const removeFacetFilter = grid.removeFacetFilter;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "d-flex flex-row flex-wrap gap-1 py-1 px-3", children: [
-    groupBy && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "badge bg-label-primary text-capitalize", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "d-flex flex-row flex-wrap gap-1 py-1 px-3", children: [
+    groupBy && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "badge bg-label-primary text-capitalize", children: [
       "GroupBy : ",
       groupBy.label,
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "i",
         {
           className: "bx bx-x bx-xs cursor-pointer",
@@ -479,13 +839,13 @@ var FilterApplied = ({
         }
       )
     ] }),
-    appliedFilters.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    appliedFilters.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "span",
       {
         className: "badge bg-label-info text-capitalize me-2",
         children: [
           item.type === "date" && item.operation === "between" ? `${item.column} ${item.from} ${getOperatinName(item.operation)} ${item.to}` : `${item.column} ${getOperatinName(item.operation)} ${item.value}`,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "i",
             {
               className: "bx bx-x bx-xs cursor-pointer ms-1",
@@ -497,7 +857,7 @@ var FilterApplied = ({
       item.column
     )),
     Object.entries(facetFilters).map(
-      ([column, items]) => items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      ([column, items]) => items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "span",
         {
           className: "badge bg-label-success text-capitalize me-2",
@@ -505,7 +865,7 @@ var FilterApplied = ({
             getColumnLabel(column),
             ": ",
             item.name,
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "i",
               {
                 className: "bx bx-x bx-xs cursor-pointer ms-1",
@@ -520,13 +880,13 @@ var FilterApplied = ({
     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_runtime4.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "span",
             {
               className: "badge bg-label-warning text-capitalize",
               children: [
                 swicth.label,
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "i",
                   {
                     className: "bx bx-x bx-xs cursor-pointer",
@@ -546,9 +906,9 @@ var FilterApplied = ({
 var FilterApplied_default = FilterApplied;
 
 // src/components/icons/Minimize.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var Minimize = ({ onClick }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "svg",
     {
       className: "w-6 h-6 text-gray-800 dark:text-white cursor-pointer",
@@ -559,7 +919,7 @@ var Minimize = ({ onClick }) => {
       fill: "none",
       viewBox: "0 0 24 24",
       onClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "path",
         {
           stroke: "currentColor",
@@ -575,9 +935,9 @@ var Minimize = ({ onClick }) => {
 var Minimize_default = Minimize;
 
 // src/components/icons/Compress.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var Compress = ({ onClick }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "svg",
     {
       className: "w-6 h-6 text-gray-800 dark:text-white cursor-pointer",
@@ -588,7 +948,7 @@ var Compress = ({ onClick }) => {
       fill: "none",
       viewBox: "0 0 24 24",
       onClick,
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "path",
         {
           stroke: "currentColor",
@@ -607,16 +967,16 @@ var Compress_default = Compress;
 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_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var EmptyState = ({
   title = "No data available",
   description = "There is nothing to display here.",
   imgSrc = Box_default
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "empty-state", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "empty-image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: imgSrc, alt: "Empty" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h6", { children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-muted mb-0", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "empty-state", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "empty-image-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: imgSrc, alt: "Empty" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h6", { children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-muted mb-0", children: description })
   ] });
 };
 var EmptyState_default = EmptyState;
@@ -625,9 +985,9 @@ var EmptyState_default = EmptyState;
 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_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var ArrowFromBottonToRight = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "svg",
     {
       className: "w-[18px] h-[18px] text-gray-800 dark:text-white cursor-pointer",
@@ -637,7 +997,7 @@ var ArrowFromBottonToRight = () => {
       height: "18",
       fill: "none",
       viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "path",
         {
           d: "M4 20V18.6C4 15.2397 4 13.5595 4.65396 12.2761C5.2292 11.1471 6.14708 10.2292 7.27606 9.65396C8.55953 9 10.2397 9 13.6 9H20M20 9L15 14M20 9L15 4",
@@ -685,414 +1045,118 @@ var getPosition = (x, y, el) => {
   if (top + rect.height > innerHeight) {
     top = y - rect.height - OFFSET;
   }
-  if (top < 0) {
-    top = OFFSET;
-  }
-  return { left, top };
-};
-var showTooltip = (text, x, y) => {
-  const el = getToolTip();
-  el.textContent = text;
-  el.style.opacity = "1";
-  el.style.left = "0px";
-  el.style.top = "0px";
-  const { left, top } = getPosition(x, y, el);
-  el.style.left = `${left}px`;
-  el.style.top = `${top}px`;
-};
-var hideTooltip = () => {
-  if (!tooltipEl) return;
-  tooltipEl.style.opacity = "0";
-};
-
-// src/components/BulkAction.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function BulkAction({ records, actions }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "d-flex flex-row gap-1 align-items-center py-1 ps-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ArrowFromBottonToRight_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: `(${records.size}) ${records.size > 1 ? "Records" : "Record"}` }),
-    " ",
-    actions.length > 0 && actions?.filter((act) => act.isVisible)?.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      "i",
-      {
-        className: `${action.icon}`,
-        onClick: (e) => {
-          e.stopPropagation();
-          action.onBulkClick && action.onBulkClick(records);
-        },
-        onMouseEnter: (e) => showTooltip(action.label, e.clientX, e.clientY),
-        onMouseMove: (e) => showTooltip(action.label, e.clientX, e.clientY),
-        onMouseLeave: hideTooltip
-      },
-      `${action.label}_${index}`
-    ))
-  ] });
-}
-var BulkAction_default = BulkAction;
-
-// src/components/Paginantion.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var getPaginationRange = (currentPage, totalPages, delta = 1) => {
-  const range = [];
-  const rangeWithDots = [];
-  let last;
-  for (let i = 1; i <= totalPages; i++) {
-    if (i === 1 || i === totalPages || i >= currentPage - delta && i <= currentPage + delta) {
-      range.push(i);
-    }
-  }
-  for (const page of range) {
-    if (last !== void 0) {
-      if (page - last === 2) {
-        rangeWithDots.push(last + 1);
-      } else if (page - last > 2) {
-        rangeWithDots.push("...");
-      }
-    }
-    rangeWithDots.push(page);
-    last = page;
-  }
-  return rangeWithDots;
-};
-var Pagination = ({
-  currentPage,
-  totalPages,
-  onPageChange
-}) => {
-  if (totalPages <= 1) return null;
-  const paginationRange = getPaginationRange(currentPage, totalPages);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("nav", { "aria-label": "Page navigation", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { className: "pagination pagination-sm justify-content-end py-1 mx-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: `page-item ${currentPage === 1 ? "disabled" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "button",
-      {
-        className: "page-link",
-        onClick: () => onPageChange(currentPage - 1),
-        disabled: currentPage === 1,
-        children: "\xAB"
-      }
-    ) }),
-    paginationRange.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "li",
-      {
-        className: `page-item ${item === currentPage ? "active" : ""} ${item === "..." ? "disabled" : ""}`,
-        children: item === "..." ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "page-link", children: "\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { className: "page-link", onClick: () => onPageChange(item), children: item })
-      },
-      index
-    )),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      "li",
-      {
-        className: `page-item ${currentPage === totalPages ? "disabled" : ""}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          "button",
-          {
-            className: "page-link",
-            onClick: () => onPageChange(currentPage + 1),
-            disabled: currentPage === totalPages,
-            children: "\xBB"
-          }
-        )
-      }
-    )
-  ] }) });
-};
-var Paginantion_default = Pagination;
-
-// src/components/dropdown/PamDropdown.tsx
-var import_react4 = require("react");
-var import_react_dom = require("react-dom");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function PamDropdown({
-  trigger,
-  items,
-  placement = "bottom-start",
-  offset = 6,
-  disabled = false,
-  closeOnItemClick = true,
-  className = ""
-}) {
-  const triggerRef = (0, import_react4.useRef)(null);
-  const menuRef = (0, import_react4.useRef)(null);
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const [pos, setPos] = (0, import_react4.useState)({ top: 0, left: 0 });
-  const [openSubKeys, setOpenSubKeys] = (0, import_react4.useState)({});
-  const portalRoot = (0, import_react4.useMemo)(() => {
-    const el = document.getElementById("pam-portal-root");
-    if (el) return el;
-    const created = document.createElement("div");
-    created.id = "pam-portal-root";
-    document.body.appendChild(created);
-    return created;
-  }, []);
-  function close() {
-    setOpen(false);
-    setOpenSubKeys({});
-  }
-  function toggle() {
-    if (disabled) return;
-    setOpen((v) => {
-      const next = !v;
-      if (!next) setOpenSubKeys({});
-      return next;
-    });
-  }
-  function getDropdownPosition(triggerEl, menuEl) {
-    const rect = triggerEl.getBoundingClientRect();
-    const menuRect = menuEl.getBoundingClientRect();
-    let top = rect.bottom + offset + window.scrollY;
-    let left = rect.left + window.scrollX;
-    if (placement.startsWith("top")) {
-      top = rect.top - menuRect.height - offset + window.scrollY;
-    }
-    if (placement.endsWith("end")) {
-      left = rect.right - menuRect.width + window.scrollX;
-    }
-    const minLeft = 8 + window.scrollX;
-    const maxLeft = window.innerWidth - menuRect.width - 8 + window.scrollX;
-    left = Math.max(minLeft, Math.min(left, maxLeft));
-    const minTop = 8 + window.scrollY;
-    const maxTop = window.innerHeight - menuRect.height - 8 + window.scrollY;
-    top = Math.max(minTop, Math.min(top, maxTop));
-    const bottomOverflow = top + menuRect.height > window.innerHeight + window.scrollY;
-    const topOverflow = top < window.scrollY;
-    if (bottomOverflow && rect.top > menuRect.height) {
-      top = rect.top - menuRect.height - offset + window.scrollY;
-    } else if (topOverflow && window.innerHeight - rect.bottom > menuRect.height) {
-      top = rect.bottom + offset + window.scrollY;
-    }
-    return { top, left };
-  }
-  function updatePosition() {
-    const t = triggerRef.current;
-    const m = menuRef.current;
-    if (!t || !m) return;
-    setPos(getDropdownPosition(t, m));
-  }
-  (0, import_react4.useLayoutEffect)(() => {
-    if (!open) return;
-    updatePosition();
-  }, [open, placement]);
-  (0, import_react4.useEffect)(() => {
-    if (!open) return;
-    const onDown = (e) => {
-      const t = triggerRef.current;
-      const m = menuRef.current;
-      if (!t || !m) return;
-      const target = e.target;
-      if (t.contains(target)) return;
-      if (m.contains(target)) return;
-      close();
-    };
-    const onKey = (e) => {
-      if (e.key === "Escape") close();
-    };
-    document.addEventListener("mousedown", onDown);
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.removeEventListener("mousedown", onDown);
-      document.removeEventListener("keydown", onKey);
-    };
-  }, [open]);
-  (0, import_react4.useEffect)(() => {
-    if (!open) return;
-    const handler = () => updatePosition();
-    window.addEventListener("scroll", handler, true);
-    window.addEventListener("resize", handler);
-    return () => {
-      window.removeEventListener("scroll", handler, true);
-      window.removeEventListener("resize", handler);
-    };
-  }, [open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { ref: triggerRef, className: `pam-dropdown-trigger ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { onClick: toggle, style: { display: "inline-flex" }, children: trigger }) }),
-    open && (0, import_react_dom.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        "div",
-        {
-          ref: menuRef,
-          className: "pam-dropdown-menu",
-          style: {
-            top: pos.top,
-            left: pos.left
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            PamDropdownList,
-            {
-              items,
-              closeOnItemClick,
-              onClose: close,
-              openSubKeys,
-              setOpenSubKeys,
-              level: 0
-            }
-          )
-        }
-      ),
-      portalRoot
-    )
-  ] });
-}
-function PamDropdownList({
-  items,
-  onClose,
-  closeOnItemClick,
-  openSubKeys,
-  setOpenSubKeys,
-  level
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "pam-dropdown-list", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    PamDropdownNode,
-    {
-      item,
-      onClose,
-      closeOnItemClick,
-      openSubKeys,
-      setOpenSubKeys,
-      level,
-      index
-    },
-    item.key ?? `${level}-${index}`
-  )) });
-}
-function PamDropdownNode({
-  item,
-  onClose,
-  closeOnItemClick,
-  openSubKeys,
-  setOpenSubKeys,
-  level,
-  index
-}) {
-  const liRef = (0, import_react4.useRef)(null);
-  const submenuRef = (0, import_react4.useRef)(null);
-  const hasChildren = !!item.children?.length;
-  const nodeKey = item.key ?? `${level}-${index}`;
-  const submenuOpen = !!openSubKeys[nodeKey];
-  (0, import_react4.useLayoutEffect)(() => {
-    if (!submenuOpen) return;
-    const li = liRef.current;
-    const menu = submenuRef.current;
-    if (!li || !menu) return;
-    const rect = li.getBoundingClientRect();
-    menu.style.left = "0px";
-    menu.style.top = "0px";
-    menu.style.maxHeight = "";
-    menu.style.overflowY = "";
-    const menuRect = menu.getBoundingClientRect();
-    const gap = 6;
-    const spaceRight = window.innerWidth - rect.right;
-    const spaceLeft = rect.left;
-    const spaceBottom = window.innerHeight - rect.bottom;
-    const spaceTop = rect.top;
-    let left = rect.right + gap;
-    let top = rect.top;
-    let mode = "right";
-    if (spaceRight >= menuRect.width) {
-      mode = "right";
-      left = rect.right + gap;
-      top = rect.top;
-    } else if (spaceLeft >= menuRect.width) {
-      mode = "left";
-      left = rect.left - menuRect.width - gap;
-      top = rect.top;
-    } else {
-      if (spaceBottom >= menuRect.height) {
-        mode = "bottom";
-        left = rect.left;
-        top = rect.bottom + gap;
-      } else if (spaceTop >= menuRect.height) {
-        mode = "top";
-        left = rect.left;
-        top = rect.top - menuRect.height - gap;
-      } else {
-        mode = "bottom";
-        left = rect.left;
-        top = rect.bottom + gap;
-      }
+  if (top < 0) {
+    top = OFFSET;
+  }
+  return { left, top };
+};
+var showTooltip = (text, x, y) => {
+  const el = getToolTip();
+  el.textContent = text;
+  el.style.opacity = "1";
+  el.style.left = "0px";
+  el.style.top = "0px";
+  const { left, top } = getPosition(x, y, el);
+  el.style.left = `${left}px`;
+  el.style.top = `${top}px`;
+};
+var hideTooltip = () => {
+  if (!tooltipEl) return;
+  tooltipEl.style.opacity = "0";
+};
+
+// src/components/BulkAction.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function BulkAction({ records, actions }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "d-flex flex-row gap-1 align-items-center py-1 ps-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ArrowFromBottonToRight_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: `(${records.size}) ${records.size > 1 ? "Records" : "Record"}` }),
+    " ",
+    actions.length > 0 && actions?.filter((act) => act.isVisible)?.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "i",
+      {
+        className: `${action.icon}`,
+        onClick: (e) => {
+          e.stopPropagation();
+          action.onBulkClick && action.onBulkClick(records);
+        },
+        onMouseEnter: (e) => showTooltip(action.label, e.clientX, e.clientY),
+        onMouseMove: (e) => showTooltip(action.label, e.clientX, e.clientY),
+        onMouseLeave: hideTooltip
+      },
+      `${action.label}_${index}`
+    ))
+  ] });
+}
+var BulkAction_default = BulkAction;
+
+// src/components/Paginantion.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var getPaginationRange = (currentPage, totalPages, delta = 1) => {
+  const range = [];
+  const rangeWithDots = [];
+  let last;
+  for (let i = 1; i <= totalPages; i++) {
+    if (i === 1 || i === totalPages || i >= currentPage - delta && i <= currentPage + delta) {
+      range.push(i);
     }
-    const minLeft = 8;
-    const maxLeft = window.innerWidth - menuRect.width - 8;
-    left = Math.max(minLeft, Math.min(left, maxLeft));
-    const minTop = 8;
-    const maxTop = window.innerHeight - menuRect.height - 8;
-    top = Math.max(minTop, Math.min(top, maxTop));
-    const maxHeight = window.innerHeight - 16;
-    menu.style.maxHeight = `${maxHeight}px`;
-    menu.style.overflowY = "auto";
-    menu.style.left = `${left}px`;
-    menu.style.top = `${top}px`;
-    menu.setAttribute("data-placement", mode);
-  }, [submenuOpen]);
-  const handleClick = (e) => {
-    e.stopPropagation();
-    if (item.disabled) return;
-    if (hasChildren) {
-      setOpenSubKeys((prev) => {
-        const next = {};
-        Object.keys(prev).forEach((k) => {
-          const lvl = Number(k.split("-")[0]);
-          if (lvl < level) next[k] = prev[k];
-        });
-        next[nodeKey] = !prev[nodeKey];
-        return next;
-      });
-      return;
+  }
+  for (const page of range) {
+    if (last !== void 0) {
+      if (page - last === 2) {
+        rangeWithDots.push(last + 1);
+      } else if (page - last > 2) {
+        rangeWithDots.push("...");
+      }
     }
-    item.onClick?.();
-    if (item.keepOpenOnClick) return;
-    if (closeOnItemClick) onClose();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    "li",
-    {
-      ref: liRef,
-      className: [
-        !item.custome ? "pam-dropdown-item" : "",
-        item.danger ? "danger" : "",
-        item.disabled ? "disabled" : "",
-        hasChildren ? "has-children" : "",
-        submenuOpen ? "open" : ""
-      ].join(" "),
-      onClick: handleClick,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-          "div",
-          {
-            className: `${item.rightSlot ? "pam-dropdown-item-inner-rightSlot" : "pam-dropdown-item-inner"} `,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pam-left", children: [
-                item.icon && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { className: `${item.icon} pam-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "pam-label", children: item.label })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pam-right", children: [
-                item.rightSlot && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                  "span",
-                  {
-                    className: "pam-rightslot",
-                    onClick: (e) => e.stopPropagation(),
-                    children: item.rightSlot
-                  }
-                ),
-                hasChildren && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("i", { className: "bx bx-chevron-right pam-arrow" })
-              ] })
-            ]
-          }
-        ),
-        hasChildren && submenuOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref: submenuRef, className: "pam-submenu", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          PamDropdownList,
+    rangeWithDots.push(page);
+    last = page;
+  }
+  return rangeWithDots;
+};
+var Pagination = ({
+  currentPage,
+  totalPages,
+  onPageChange
+}) => {
+  if (totalPages <= 1) return null;
+  const paginationRange = getPaginationRange(currentPage, totalPages);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("nav", { "aria-label": "Page navigation", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("ul", { className: "pagination pagination-sm justify-content-end py-1 mx-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { className: `page-item ${currentPage === 1 ? "disabled" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "button",
+      {
+        className: "page-link",
+        onClick: () => onPageChange(currentPage - 1),
+        disabled: currentPage === 1,
+        children: "\xAB"
+      }
+    ) }),
+    paginationRange.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "li",
+      {
+        className: `page-item ${item === currentPage ? "active" : ""} ${item === "..." ? "disabled" : ""}`,
+        children: item === "..." ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "page-link", children: "\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { className: "page-link", onClick: () => onPageChange(item), children: item })
+      },
+      index
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "li",
+      {
+        className: `page-item ${currentPage === totalPages ? "disabled" : ""}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "button",
           {
-            items: item.children,
-            onClose,
-            closeOnItemClick,
-            openSubKeys,
-            setOpenSubKeys,
-            level: level + 1
+            className: "page-link",
+            onClick: () => onPageChange(currentPage + 1),
+            disabled: currentPage === totalPages,
+            children: "\xBB"
           }
-        ) })
-      ]
-    }
-  );
-}
+        )
+      }
+    )
+  ] }) });
+};
+var Paginantion_default = Pagination;
 
 // src/components/MainFilter.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -1327,12 +1391,14 @@ var PamGrid = ({
     "bulk-data-toggle",
     false
   );
+  const [editingCell, setEditingCell] = (0, import_react5.useState)(null);
   const wrapperRef = (0, import_react5.useRef)(null);
   const dragState = (0, import_react5.useRef)({ from: null });
   const {
     rows,
     page,
     totalPages,
+    totalRecord,
     pageSize,
     setPage,
     setPageSize,
@@ -1483,7 +1549,13 @@ var PamGrid = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: `flex-shrink-0 ${features.fullScreen ? "" : "d-none"}`, children: isFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Minimize_default, { onClick: () => setFullScreen(!isFullScreen) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Compress_default, { onClick: () => setFullScreen(!isFullScreen) }) })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "div",
+              {
+                className: `flex-shrink-0 ${features.fullScreen ? "" : "d-none"}`,
+                children: isFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Minimize_default, { onClick: () => setFullScreen(!isFullScreen) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Compress_default, { onClick: () => setFullScreen(!isFullScreen) })
+              }
+            )
           ] }) })
         ] }),
         customeDiv && customeDiv,
@@ -1500,7 +1572,7 @@ var PamGrid = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           "div",
           {
             ref: wrapperRef,
@@ -1508,197 +1580,211 @@ var PamGrid = ({
             style: {
               height: gridHeight
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-              "table",
-              {
-                className: "table  table-sm rounded mb-0 position-relative",
-                style: { width: "max-content", minWidth: "100%" },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                    "thead",
-                    {
-                      className: "bg-light-secondary border p-2 bg-light rounded",
-                      style: { position: "sticky", top: 0, zIndex: 10 },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "p-2", children: [
-                        features.IsNumbering && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "text-center", children: "#" }),
-                        features.expand && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "text-center ticky-action-column", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: "bx bx-collapse-vertical d-none" }) }),
-                        isBulkAction && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                          "th",
-                          {
-                            style: { width: 32, position: "sticky", top: 0, zIndex: 10 },
-                            className: "text-center ticky-action-column",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                              "input",
-                              {
-                                type: "checkbox",
-                                className: "form-check-input mx-3",
-                                checked: currentRows.length > 0 && currentRows.every((r) => selected.has(String(r[rowKey]))),
-                                onChange: (e) => e.target.checked ? selectAllOnPage(currentRows) : deselectAllOnPage(currentRows),
-                                disabled: isFetching
-                              }
-                            )
-                          }
-                        ),
-                        visibleColumns.map((col, index) => {
-                          const style = {
-                            minWidth: col.width || 120,
-                            width: col.width,
-                            ...col.pinned && { position: "sticky" },
-                            ...col.pinned === "left" && {
-                              left: `${getLeftOffset(colState, col.key)}px`
-                            },
-                            ...col.pinned === "right" && {
-                              right: `${getRightOffset(colState, col.key)}px`
-                            }
-                          };
-                          return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                "table",
+                {
+                  className: "table  table-sm rounded mb-0 position-relative",
+                  style: { width: "max-content", minWidth: "100%" },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      "thead",
+                      {
+                        className: "bg-light-secondary border p-2 bg-light rounded",
+                        style: { position: "sticky", top: 0, zIndex: 10 },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "p-2", children: [
+                          features.IsNumbering && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "text-center", children: "#" }),
+                          features.expand && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "text-center ticky-action-column", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: "bx bx-collapse-vertical d-none" }) }),
+                          isBulkAction && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                             "th",
                             {
-                              draggable: features.reorder,
-                              onDragStart: (e) => {
-                                setDraggingCol(String(col.key));
-                                onDragStart(e, String(col.key));
-                              },
-                              onDragEnd: () => setDraggingCol(null),
-                              onDragOver: (e) => e.preventDefault(),
-                              onDrop: (e) => onDrop(e, col.key),
-                              onMouseMove: (e) => {
-                                const side = getResizeSide(e, index);
-                                if (side) {
-                                  e.currentTarget.style.cursor = "col-resize";
-                                } else if (draggingCol === col.key) {
-                                  e.currentTarget.style.cursor = "grabbing";
-                                } else if (features.reorder) {
-                                  e.currentTarget.style.cursor = "grab";
-                                } else {
-                                  e.currentTarget.style.cursor = "default";
+                              style: { width: 32, position: "sticky", top: 0, zIndex: 10 },
+                              className: "text-center ticky-action-column",
+                              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                "input",
+                                {
+                                  type: "checkbox",
+                                  className: "form-check-input mx-3",
+                                  checked: currentRows.length > 0 && currentRows.every((r) => selected.has(String(r[rowKey]))),
+                                  onChange: (e) => e.target.checked ? selectAllOnPage(currentRows) : deselectAllOnPage(currentRows),
+                                  disabled: isFetching
                                 }
+                              )
+                            }
+                          ),
+                          visibleColumns.map((col, index) => {
+                            const style = {
+                              minWidth: col.width || 120,
+                              width: col.width,
+                              ...col.pinned && { position: "sticky" },
+                              ...col.pinned === "left" && {
+                                left: `${getLeftOffset(colState, col.key)}px`
                               },
-                              onMouseLeave: (e) => {
-                                e.currentTarget.style.cursor = "default";
-                              },
-                              onMouseDown: (e) => {
-                                const side = getResizeSide(e, index);
-                                if (!side) return;
-                                e.stopPropagation();
-                                onResizeMouseDown(e, col.key, side);
-                              },
-                              className: `pms-col-header vs-th
+                              ...col.pinned === "right" && {
+                                right: `${getRightOffset(colState, col.key)}px`
+                              }
+                            };
+                            return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                              "th",
+                              {
+                                draggable: features.reorder,
+                                onDragStart: (e) => {
+                                  setDraggingCol(String(col.key));
+                                  onDragStart(e, String(col.key));
+                                },
+                                onDragEnd: () => setDraggingCol(null),
+                                onDragOver: (e) => e.preventDefault(),
+                                onDrop: (e) => onDrop(e, col.key),
+                                onMouseMove: (e) => {
+                                  const side = getResizeSide(e, index);
+                                  if (side) {
+                                    e.currentTarget.style.cursor = "col-resize";
+                                  } else if (draggingCol === col.key) {
+                                    e.currentTarget.style.cursor = "grabbing";
+                                  } else if (features.reorder) {
+                                    e.currentTarget.style.cursor = "grab";
+                                  } else {
+                                    e.currentTarget.style.cursor = "default";
+                                  }
+                                },
+                                onMouseLeave: (e) => {
+                                  e.currentTarget.style.cursor = "default";
+                                },
+                                onMouseDown: (e) => {
+                                  const side = getResizeSide(e, index);
+                                  if (!side) return;
+                                  e.stopPropagation();
+                                  onResizeMouseDown(e, col.key, side);
+                                },
+                                className: `pms-col-header vs-th
     ${col.pinned ? `pinned pinned-${col.pinned}` : ""}
   `,
-                              style,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "d-flex align-items-center w-100 px-1", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                  "div",
-                                  {
-                                    className: `flex-grow-1 d-flex align-items-center
+                                style,
+                                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "d-flex align-items-center w-100 px-1", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                    "div",
+                                    {
+                                      className: `flex-grow-1 d-flex align-items-center
         ${col.align === "center" ? "justify-content-center" : ""}
         ${col.align === "end" ? "justify-content-end" : ""}
         ${!col.align || col.align === "start" ? "justify-content-start" : ""}
       `,
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                                      "div",
-                                      {
-                                        onClick: () => col.sortable && changeSort(String(col.key)),
-                                        className: col.sortable ? "cursor-pointer" : "",
-                                        children: [
-                                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: col.title }),
-                                          sortBy.key === col.key && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                            "i",
-                                            {
-                                              className: `bx bx-sm ${sortBy.dir === "asc" ? "bxs-chevron-up" : "bxs-chevron-down"}`
-                                            }
-                                          )
-                                        ]
-                                      }
-                                    )
-                                  }
-                                ),
-                                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "d-flex align-items-center gap-1 flex-shrink-0", children: features.pinning && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                                  PamHeaderOption_default,
-                                  {
-                                    currentColumn: col,
-                                    gridFetaures: features,
-                                    grid
-                                  }
-                                ) })
-                              ] })
-                            },
-                            String(col.key)
-                          );
-                        }),
-                        features.actions && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                          "th",
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                                        "div",
+                                        {
+                                          onClick: () => col.sortable && changeSort(String(col.key)),
+                                          className: col.sortable ? "cursor-pointer" : "",
+                                          children: [
+                                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { children: col.title }),
+                                            sortBy.key === col.key && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                              "i",
+                                              {
+                                                className: `bx bx-sm ${sortBy.dir === "asc" ? "bxs-chevron-up" : "bxs-chevron-down"}`
+                                              }
+                                            )
+                                          ]
+                                        }
+                                      )
+                                    }
+                                  ),
+                                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "d-flex align-items-center gap-1 flex-shrink-0", children: features.pinning && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                                    PamHeaderOption_default,
+                                    {
+                                      currentColumn: col,
+                                      gridFetaures: features,
+                                      grid
+                                    }
+                                  ) })
+                                ] })
+                              },
+                              String(col.key)
+                            );
+                          }),
+                          features.actions && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                            "th",
+                            {
+                              className: "text-center sticky-action-column vs-th bg-white  th-lastChild",
+                              style: { position: "sticky", right: 0, zIndex: 10 },
+                              children: "Action"
+                            }
+                          )
+                        ] })
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tbody", { children: loading || rows.length === 0 ? Array.from({ length: 1 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tr", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      "td",
+                      {
+                        colSpan: visibleColumns.length + (features.IsNumbering ? 1 : 0) + (features.selection ? 1 : 0) + (features.actions ? 1 : 0),
+                        className: "text-center py-4 ",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: " d-flex justify-content-center align-items-center vh-50", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: "Loading..." }) : !loading && search ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                          EmptyState_default,
                           {
-                            className: "text-center sticky-action-column vs-th bg-white  th-lastChild",
-                            style: { position: "sticky", right: 0, zIndex: 10 },
-                            children: "Action"
+                            title: emptyState.title,
+                            description: `No results found for "${search}"`,
+                            imgSrc: NoSearchResult_default
                           }
-                        )
-                      ] })
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tbody", { children: loading || rows.length === 0 ? Array.from({ length: 1 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tr", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                    "td",
-                    {
-                      colSpan: visibleColumns.length + (features.IsNumbering ? 1 : 0) + (features.selection ? 1 : 0) + (features.actions ? 1 : 0),
-                      className: "text-center py-4 ",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: " d-flex justify-content-center align-items-center vh-50", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: "Loading..." }) : !loading && search ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                        EmptyState_default,
-                        {
-                          title: emptyState.title,
-                          description: `No results found for "${search}"`,
-                          imgSrc: NoSearchResult_default
-                        }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                        EmptyState_default,
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                          EmptyState_default,
+                          {
+                            title: emptyState.title,
+                            imgSrc: Box_default,
+                            description: emptyState.description
+                          }
+                        ) }) })
+                      },
+                      index
+                    ) }, `row-${index}`)) : !loading && groupBy && groupedRows && groupedRows.length > 0 ? groupedRows.map((g, indG) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react5.default.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tr", { className: "pam-bg-light-primary", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                        "td",
                         {
-                          title: emptyState.title,
-                          imgSrc: Box_default,
-                          description: emptyState.description
+                          colSpan: visibleColumns.length + (features.selection ? 1 : 0) + (features.actions ? columns.length : 0),
+                          className: "text-start pinned pinned-left tr-group",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: g.displayLabel }),
+                            features.aggregation && Object.keys(g.aggregates).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { className: "ms-3 text-secondary text-capitalize ", children: Object.entries(g.aggregates).map(([k, v]) => `${k}: ${v}`).join("  |  ") })
+                          ]
                         }
-                      ) }) })
-                    },
-                    index
-                  ) }, `row-${index}`)) : !loading && groupBy && groupedRows && groupedRows.length > 0 ? groupedRows.map((g, indG) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react5.default.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tr", { className: "pam-bg-light-primary", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                      "td",
-                      {
-                        colSpan: visibleColumns.length + (features.selection ? 1 : 0) + (features.actions ? columns.length : 0),
-                        className: "text-start pinned pinned-left tr-group",
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: g.displayLabel }),
-                          features.aggregation && Object.keys(g.aggregates).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { className: "ms-3 text-secondary text-capitalize ", children: Object.entries(g.aggregates).map(([k, v]) => `${k}: ${v}`).join("  |  ") })
-                        ]
-                      }
-                    ) }),
-                    g.items.map((row, indG2) => renderRow(row, indG2))
-                  ] }, g.key)) : currentRows.map((row, ind) => renderRow(row, ind)) }),
-                  isFetching && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "pam-overlay  show d-flex justify-content-center align-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-3 bg-light rounded", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "spinner-border spinner-border-sm text-white" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ms-2 te text-white fw-2 text-light fw-bolder", children: "Loading...." })
-                  ] }) })
-                ]
-              }
-            )
+                      ) }),
+                      g.items.map((row, indG2) => renderRow(row, indG2))
+                    ] }, g.key)) : currentRows.map((row, ind) => renderRow(row, ind)) })
+                  ]
+                }
+              ),
+              isFetching && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "pam-overlay show d-flex justify-content-center align-items-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-3 bg-light rounded", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "spinner-border spinner-border-sm text-white" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "ms-2 te text-white fw-2 text-light fw-bolder", children: "Loading...." })
+              ] }) })
+            ]
           }
         ),
         features.pagination && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "d-flex justify-content-between align-items-center mt-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "d-flex flex-row align-items-center gap-2", children: [
-            features.pageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              "select",
-              {
-                className: "form-select form-select-sm",
-                style: { width: "80px" },
-                value: pageSize,
-                onChange: (e) => setPageSize(Number(e.target.value)),
-                children: [20, 50, 100].map((n) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: n, children: n }, n))
-              }
-            ),
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("small", { children: [
-              rows.length,
-              " Record"
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("small", { className: "text-secondary", children: [
+              "Showing ",
+              rows.length === 0 ? 0 : (page - 1) * pageSize + 1,
+              " - ",
+              (page - 1) * pageSize + rows.length,
+              " of ",
+              totalRecord
+            ] }),
+            features.pageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "d-flex align-items-center gap-2 ms-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                PamDropdown,
+                {
+                  placement: "top-start",
+                  trigger: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("button", { className: "btn btn-sm border bg-white d-flex align-items-center gap-1", children: [
+                    pageSize,
+                    " ",
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: "bx bx-chevron-down text-muted" })
+                  ] }),
+                  items: [20, 50, 100].map((n) => ({
+                    key: String(n),
+                    label: String(n),
+                    onClick: () => setPageSize(n)
+                  }))
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("small", { className: "text-secondary", children: "per page" })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -1760,6 +1846,27 @@ var PamGrid = ({
           if (col.pinned === "right")
             style.right = `${getRightOffset(colState, col.key)}px`;
           const isActive = activeCell?.row[rowKey] === row[rowKey] && activeCell?.column.key === col.key;
+          const isEditing = editingCell?.rowId === row[rowKey] && editingCell?.columnKey === col.key;
+          const handleEditStart = () => {
+            if (features.editable && col.editable) {
+              setEditingCell({
+                rowId: row[rowKey],
+                columnKey: String(col.key),
+                value: row[col.key]
+              });
+            }
+          };
+          const handleEditSave = () => {
+            if (editingCell) {
+              grid.updateRow(editingCell.rowId, {
+                [editingCell.columnKey]: editingCell.value
+              });
+              setEditingCell(null);
+            }
+          };
+          const handleEditCancel = () => {
+            setEditingCell(null);
+          };
           return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "td",
             {
@@ -1771,9 +1878,62 @@ var PamGrid = ({
                   column: col
                 });
                 col.onCellClick && col.onCellClick(row, col);
+                handleEditStart();
               },
-              className: `${col.className ?? ""} ${col.pinned ? "pinned-left px-3 bg-white pms-grid td pinned" : "px-3"} ${isActive ? "grid-cell-active" : ""}  cursor-pointer`,
-              children: col.render ? col.render(row) : String(row[col.key]) ?? ""
+              className: `${col.className ?? ""} ${col.pinned ? "pinned-left px-3 bg-white pms-grid td pinned" : "px-3"} ${isActive ? "grid-cell-active" : ""} ${isEditing ? "p-0" : ""} cursor-pointer`,
+              children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-100 h-100 d-flex align-items-center p-0", children: col.editType === "select" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-100 h-100", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                PamDropdown,
+                {
+                  placement: "bottom-start",
+                  className: "w-100 h-100",
+                  trigger: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "border-0 rounded-0 h-100 d-flex align-items-center justify-content-between bg-white px-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "d-flex align-items-center gap-2", children: [
+                      col.editOptions?.find(
+                        (o) => String(o.value) === String(editingCell.value)
+                      )?.icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                        "i",
+                        {
+                          className: `${col.editOptions?.find(
+                            (o) => String(o.value) === String(editingCell.value)
+                          )?.icon} text-secondary`
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: col.editOptions?.find(
+                        (o) => String(o.value) === String(editingCell.value)
+                      )?.label ?? "Select..." })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("i", { className: "bx bx-chevron-down text-muted" })
+                  ] }),
+                  items: col.editOptions?.map((opt) => ({
+                    key: String(opt.value),
+                    label: opt.label,
+                    icon: opt.icon,
+                    onClick: () => {
+                      grid.updateRow(editingCell.rowId, {
+                        [editingCell.columnKey]: opt.value
+                      });
+                      setEditingCell(null);
+                    }
+                  })) || []
+                }
+              ) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "input",
+                {
+                  type: col.editType === "number" ? "number" : col.editType === "date" ? "date" : "text",
+                  className: "form-control form-control-sm border-0 rounded-0 p-0 m-0",
+                  autoFocus: true,
+                  value: editingCell.value ?? "",
+                  onChange: (e) => setEditingCell({
+                    ...editingCell,
+                    value: e.target.value
+                  }),
+                  onBlur: handleEditSave,
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") handleEditSave();
+                    if (e.key === "Escape") handleEditCancel();
+                  }
+                }
+              ) }) : col.render ? col.render(row) : String(row[col.key]) ?? ""
             },
             String(col.key)
           );
@@ -1937,10 +2097,12 @@ function useGridCore({
   rowKey = "id",
   initialPageSize = 20,
   addNewRecord,
-  switchFiltersConfig
+  switchFiltersConfig,
+  onRowUpdate
 }) {
   const [page, setPage] = (0, import_react6.useState)(1);
   const [pageSize, setPageSize] = (0, import_react6.useState)(initialPageSize);
+  const [totalRecord, setTotalRecord] = (0, import_react6.useState)(0);
   const [search, setSearch] = (0, import_react6.useState)("");
   const [debouncedSearch, setDebouncedSearch] = (0, import_react6.useState)("");
   const [groupBy, setGroupBy] = (0, import_react6.useState)(null);
@@ -1966,6 +2128,14 @@ function useGridCore({
   const [serverRows, setServerRows] = (0, import_react6.useState)([]);
   const [serverTotal, setServerTotal] = (0, import_react6.useState)(0);
   const [serverTotalPages, setServerTotalPages] = (0, import_react6.useState)(1);
+  const [editedData, setEditedData] = (0, import_react6.useState)({});
+  const mergedData = (0, import_react6.useMemo)(() => {
+    if (Object.keys(editedData).length === 0) return data;
+    return data.map((row) => {
+      const id = String(row[rowKey]);
+      return editedData[id] ? { ...row, ...editedData[id] } : row;
+    });
+  }, [data, editedData, rowKey]);
   const [colState, setColState] = (0, import_react6.useState)(
     () => columns.map((c, i) => ({
       ...c,
@@ -1982,7 +2152,7 @@ function useGridCore({
   }, [search]);
   const filteredData = (0, import_react6.useMemo)(() => {
     if (serverMode) return [];
-    let filtered = [...data];
+    let filtered = [...mergedData];
     if (debouncedSearch) {
       const q = debouncedSearch.toLowerCase();
       filtered = filtered.filter(
@@ -1991,18 +2161,87 @@ function useGridCore({
         )
       );
     }
+    Object.values(advanceFilters).forEach((f) => {
+      const { column, operation, value, from, to, type } = f;
+      if (!column || !operation) return;
+      filtered = filtered.filter((row) => {
+        const rawValue = getNestedValue(row, column);
+        if (rawValue === void 0 || rawValue === null) return false;
+        const val = type === "number" ? Number(rawValue) : rawValue;
+        const compareValue = type === "number" ? Number(value) : value;
+        const compareFrom = type === "number" ? Number(from) : from;
+        const compareTo = type === "number" ? Number(to) : to;
+        const toDate = (v) => {
+          const d = new Date(v);
+          return isNaN(d.getTime()) ? null : d;
+        };
+        switch (operation) {
+          // Text & Generic
+          case "eq":
+            return String(val).toLowerCase() === String(compareValue).toLowerCase();
+          case "neq":
+            return String(val).toLowerCase() !== String(compareValue).toLowerCase();
+          case "contains":
+            return String(val).toLowerCase().includes(String(compareValue).toLowerCase());
+          case "starts":
+            return String(val).toLowerCase().startsWith(String(compareValue).toLowerCase());
+          case "ends":
+            return String(val).toLowerCase().endsWith(String(compareValue).toLowerCase());
+          // Numbers & Generic comparison
+          case "gt":
+            return val > compareValue;
+          case "gte":
+            return val >= compareValue;
+          case "lt":
+            return val < compareValue;
+          case "lte":
+            return val <= compareValue;
+          case "between":
+            if (type === "date") {
+              const dVal = toDate(val);
+              const dFrom = toDate(compareFrom);
+              const dTo = toDate(compareTo);
+              if (!dVal || !dFrom || !dTo) return false;
+              return dVal >= dFrom && dVal <= dTo;
+            }
+            return val >= compareFrom && val <= compareTo;
+          // Dates specific
+          case "before": {
+            const dVal = toDate(val);
+            const dComp = toDate(compareValue);
+            return dVal && dComp ? dVal < dComp : false;
+          }
+          case "after": {
+            const dVal = toDate(val);
+            const dComp = toDate(compareValue);
+            return dVal && dComp ? dVal > dComp : false;
+          }
+          default:
+            return true;
+        }
+      });
+    });
+    Object.entries(facetFilters).forEach(([column, items]) => {
+      if (!items || items.length === 0) return;
+      const allowedIds = new Set(items.map((i) => String(i.id)));
+      filtered = filtered.filter((row) => {
+        const val = getNestedValue(row, column);
+        return allowedIds.has(String(val ?? ""));
+      });
+    });
     if (sortBy.key) {
       const dir = sortBy.dir === "asc" ? 1 : -1;
-      filtered.sort(
-        (a, b) => String(a?.[sortBy.key] ?? "").localeCompare(
-          String(b?.[sortBy.key] ?? ""),
-          void 0,
-          { numeric: true, sensitivity: "base" }
-        ) * dir
-      );
+      filtered.sort((a, b) => {
+        const vA = a?.[sortBy.key] ?? "";
+        const vB = b?.[sortBy.key] ?? "";
+        return String(vA).localeCompare(String(vB), void 0, {
+          numeric: true,
+          sensitivity: "base"
+        }) * dir;
+      });
     }
     return filtered;
-  }, [data, debouncedSearch, sortBy, serverMode]);
+  }, [mergedData, debouncedSearch, sortBy, serverMode, advanceFilters, facetFilters]);
   const pagedClientRows = (0, import_react6.useMemo)(() => {
     if (serverMode) return [];
     const start = (page - 1) * pageSize;
@@ -2157,6 +2396,16 @@ function useGridCore({
     },
     []
   );
+  const updateRow = (0, import_react6.useCallback)((id, patch) => {
+    setEditedData((prev) => ({
+      ...prev,
+      [String(id)]: { ...prev[String(id)] || {}, ...patch }
+    }));
+    if (onRowUpdate) onRowUpdate(id, patch);
+  }, [onRowUpdate]);
+  const clearEdits = (0, import_react6.useCallback)(() => {
+    setEditedData({});
+  }, []);
   const toggleExpand = (0, import_react6.useCallback)((id) => {
     setExpanded((prev) => {
       const s = new Set(prev);
@@ -2172,6 +2421,8 @@ function useGridCore({
     setPageSize,
     totalRows,
     totalPages,
+    totalRecord,
+    setTotalRecord,
     // search
     search,
     setSearch,
@@ -2226,7 +2477,9 @@ function useGridCore({
     loadFacets,
     facetLoading,
     removeFacetFilter,
-    clearFacetFilters
+    clearFacetFilters,
+    updateRow,
+    clearEdits
   };
 }
 // Annotate the CommonJS export names for ESM import in node: