@rufous/ui 0.1.72 → 0.1.82

package/dist/DataGrid/DataGrid.cjs

@@ -1,533 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// lib/DataGrid/DataGrid.tsx
-var DataGrid_exports = {};
-__export(DataGrid_exports, {
-  DataGrid: () => DataGrid,
-  default: () => DataGrid_default
-});
-module.exports = __toCommonJS(DataGrid_exports);
-var import_react = __toESM(require("react"), 1);
-var import_lucide_react = require("lucide-react");
-function DataGrid({
-  columns: initialColumnsProp,
-  data,
-  actions,
-  pageSize: initialPageSize = 10,
-  pageSizeOptions = [5, 10, 25, 50],
-  title
-}) {
-  const [columnOverrides, setColumnOverrides] = (0, import_react.useState)({});
-  const resolvedColumns = (0, import_react.useMemo)(() => {
-    return initialColumnsProp.map((col) => {
-      const field = String(col.field || col.key || "");
-      const override = columnOverrides[field] || {};
-      return {
-        ...col,
-        field,
-        headerName: col.headerName || col.header || "",
-        hidden: override.hidden !== void 0 ? override.hidden : col.hidden,
-        pinned: override.pinned !== void 0 ? override.pinned : col.pinned
-      };
-    });
-  }, [initialColumnsProp, columnOverrides]);
-  const [columnWidths, setColumnWidths] = (0, import_react.useState)(() => {
-    const widths = {};
-    initialColumnsProp.forEach((col) => {
-      const field = String(col.field || col.key || "");
-      const w = col.width || 200;
-      widths[field] = typeof w === "number" ? w : parseInt(w);
-    });
-    return widths;
-  });
-  const [pageSize, setPageSize] = (0, import_react.useState)(initialPageSize);
-  const [sortField, setSortField] = (0, import_react.useState)(null);
-  const [sortDirection, setSortDirection] = (0, import_react.useState)(null);
-  const [filterText, setFilterText] = (0, import_react.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react.useState)(1);
-  const [columnFilters, setColumnFilters] = (0, import_react.useState)({});
-  const [resizingColumn, setResizingColumn] = (0, import_react.useState)(null);
-  const [startX, setStartX] = (0, import_react.useState)(0);
-  const [startWidth, setStartWidth] = (0, import_react.useState)(0);
-  const [activeMenu, setActiveMenu] = (0, import_react.useState)(null);
-  const [menuPosition, setMenuPosition] = (0, import_react.useState)({ top: 0, left: 0 });
-  const menuRef = (0, import_react.useRef)(null);
-  const [showManageColumns, setShowManageColumns] = (0, import_react.useState)(false);
-  const [showAdvancedFilter, setShowAdvancedFilter] = (0, import_react.useState)(false);
-  const initialFilterCol = String(initialColumnsProp[0]?.field || initialColumnsProp[0]?.key || "");
-  const [advancedFilters, setAdvancedFilters] = (0, import_react.useState)([
-    { column: initialFilterCol, operator: "contains", value: "", logic: "AND" }
-  ]);
-  const [colSearch, setColSearch] = (0, import_react.useState)("");
-  (0, import_react.useEffect)(() => {
-    const handleMouseMove = (e) => {
-      if (!resizingColumn) return;
-      const col = resolvedColumns.find((c) => String(c.field) === resizingColumn);
-      const diff = e.clientX - startX;
-      const minW = col?.minWidth ? typeof col.minWidth === "number" ? col.minWidth : parseInt(col.minWidth) : 80;
-      const maxW = col?.maxWidth ? typeof col.maxWidth === "number" ? col.maxWidth : parseInt(col.maxWidth) : Infinity;
-      const newWidth = Math.min(maxW, Math.max(minW, startWidth + diff));
-      setColumnWidths((prev) => ({ ...prev, [resizingColumn]: newWidth }));
-    };
-    const handleMouseUp = () => setResizingColumn(null);
-    if (resizingColumn) {
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-    }
-    return () => {
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-    };
-  }, [resizingColumn, startX, startWidth, resolvedColumns]);
-  (0, import_react.useEffect)(() => {
-    const handleClickOutside = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) {
-        setActiveMenu(null);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
-  (0, import_react.useEffect)(() => {
-    setColumnWidths((prev) => {
-      const next = { ...prev };
-      initialColumnsProp.forEach((col) => {
-        const field = String(col.field || col.key || "");
-        if (next[field] === void 0) {
-          const w = col.width || 200;
-          next[field] = typeof w === "number" ? w : parseInt(w);
-        }
-      });
-      return next;
-    });
-  }, [initialColumnsProp]);
-  const handleSort = (fieldKey, dir) => {
-    if (dir !== void 0) {
-      setSortField(fieldKey);
-      setSortDirection(dir);
-    } else if (sortField === fieldKey) {
-      if (sortDirection === "asc") setSortDirection("desc");
-      else {
-        setSortField(null);
-        setSortDirection(null);
-      }
-    } else {
-      setSortField(fieldKey);
-      setSortDirection("asc");
-    }
-    setActiveMenu(null);
-  };
-  const togglePin = (fieldKey, side) => {
-    setColumnOverrides((prev) => {
-      const current = prev[fieldKey] || {};
-      return {
-        ...prev,
-        [fieldKey]: { ...current, pinned: current.pinned === side ? void 0 : side }
-      };
-    });
-    setActiveMenu(null);
-  };
-  const toggleHide = (fieldKey) => {
-    setColumnOverrides((prev) => {
-      const current = prev[fieldKey] || {};
-      const col = resolvedColumns.find((c) => String(c.field) === fieldKey);
-      if (col?.hideable === false) return prev;
-      return {
-        ...prev,
-        [fieldKey]: { ...current, hidden: !current.hidden }
-      };
-    });
-    setActiveMenu(null);
-  };
-  const filteredData = (0, import_react.useMemo)(() => {
-    return data.filter((item) => {
-      const matchesGlobal = !filterText || Object.values(item).some(
-        (val) => String(val).toLowerCase().includes(filterText.toLowerCase())
-      );
-      const evalFilter = (f) => {
-        if (!f.value && f.operator !== "is empty" && f.operator !== "is not empty") return true;
-        const itemVal = String(item[f.column]).toLowerCase();
-        const val = f.value.toLowerCase();
-        switch (f.operator) {
-          case "contains":
-            return itemVal.includes(val);
-          case "equals":
-            return itemVal === val;
-          case "starts with":
-            return itemVal.startsWith(val);
-          case "ends with":
-            return itemVal.endsWith(val);
-          case "is empty":
-            return !itemVal;
-          case "is not empty":
-            return !!itemVal;
-          default:
-            return true;
-        }
-      };
-      let matchesAdvanced = evalFilter(advancedFilters[0]);
-      for (let i = 1; i < advancedFilters.length; i++) {
-        const result = evalFilter(advancedFilters[i]);
-        if (advancedFilters[i].logic === "OR") {
-          matchesAdvanced = matchesAdvanced || result;
-        } else {
-          matchesAdvanced = matchesAdvanced && result;
-        }
-      }
-      return matchesGlobal && matchesAdvanced;
-    });
-  }, [data, filterText, advancedFilters]);
-  const sortedData = (0, import_react.useMemo)(() => {
-    if (!sortField || !sortDirection) return filteredData;
-    const col = resolvedColumns.find((c) => c.field === sortField);
-    return [...filteredData].sort((a, b) => {
-      let aVal = a[sortField];
-      let bVal = b[sortField];
-      if (col?.valueGetter) {
-        aVal = col.valueGetter({ value: aVal, row: a, field: String(sortField) });
-        bVal = col.valueGetter({ value: bVal, row: b, field: String(sortField) });
-      }
-      if (aVal < bVal) return sortDirection === "asc" ? -1 : 1;
-      if (aVal > bVal) return sortDirection === "asc" ? 1 : -1;
-      return 0;
-    });
-  }, [filteredData, sortField, sortDirection, resolvedColumns]);
-  const totalPages = Math.max(1, Math.ceil(sortedData.length / pageSize));
-  const paginatedData = (0, import_react.useMemo)(() => {
-    const start = (currentPage - 1) * pageSize;
-    return sortedData.slice(start, start + pageSize);
-  }, [sortedData, currentPage, pageSize]);
-  const handleExport = () => {
-    const visibleCols = resolvedColumns.filter((c) => !c.hidden);
-    const headers = visibleCols.map((c) => c.headerName).join(",");
-    const rows = sortedData.map(
-      (item) => visibleCols.map((c) => `"${String(item[c.field]).replace(/"/g, '""')}"`).join(",")
-    );
-    const csv = [headers, ...rows].join("\n");
-    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(blob);
-    link.download = `${title || "data"}.csv`;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  };
-  const handleMenuOpen = (e, keyStr) => {
-    e.stopPropagation();
-    const rect = e.currentTarget.getBoundingClientRect();
-    let position = {
-      top: rect.bottom + 4,
-      left: rect.left
-    };
-    if (rect.left + 150 > window.innerWidth) {
-      position = {
-        top: rect.bottom + 4,
-        right: window.innerWidth - rect.right
-      };
-    }
-    setMenuPosition(position);
-    setActiveMenu(keyStr);
-  };
-  const visibleColumns = (0, import_react.useMemo)(() => {
-    const left = resolvedColumns.filter((c) => !c.hidden && c.pinned === "left");
-    const mid = resolvedColumns.filter((c) => !c.hidden && !c.pinned);
-    const right = resolvedColumns.filter((c) => !c.hidden && c.pinned === "right");
-    return [...left, ...mid, ...right];
-  }, [resolvedColumns]);
-  const getLeftOffset = (col, idx) => {
-    if (col.pinned !== "left") return void 0;
-    let offset = 0;
-    for (let i = 0; i < idx; i++) {
-      if (visibleColumns[i].pinned === "left") {
-        offset += columnWidths[String(visibleColumns[i].field)] || 200;
-      }
-    }
-    return offset;
-  };
-  const getRightOffset = (col, idx) => {
-    if (col.pinned !== "right") return void 0;
-    let offset = 0;
-    for (let i = visibleColumns.length - 1; i > idx; i--) {
-      if (visibleColumns[i].pinned === "right") {
-        offset += columnWidths[String(visibleColumns[i].field)] || 200;
-      }
-    }
-    return offset;
-  };
-  const hasActiveFilters = advancedFilters.some((f) => f.value);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-header-info" }, /* @__PURE__ */ import_react.default.createElement("h2", null, title), /* @__PURE__ */ import_react.default.createElement("p", null, filteredData.length, " total records")), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-header-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-search-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Search, { size: 15 }), /* @__PURE__ */ import_react.default.createElement(
-    "input",
-    {
-      className: "dg-search",
-      placeholder: "Search\u2026",
-      value: filterText,
-      onChange: (e) => {
-        setFilterText(e.target.value);
-        setCurrentPage(1);
-      }
-    }
-  )), /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      className: `dg-icon-btn ${hasActiveFilters ? "active" : ""}`,
-      onClick: () => setShowAdvancedFilter(true),
-      title: "Filters"
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Filter, { size: 16 })
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      className: "dg-icon-btn",
-      onClick: () => setShowManageColumns(true),
-      title: "Manage Columns"
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Columns, { size: 16 })
-  ), /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-action-btn", onClick: handleExport }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Download, { size: 14 }), " Export CSV"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-table-wrap" }, /* @__PURE__ */ import_react.default.createElement("table", { className: "dg-table" }, /* @__PURE__ */ import_react.default.createElement("thead", null, /* @__PURE__ */ import_react.default.createElement("tr", null, visibleColumns.map((col, idx) => {
-    const colField = String(col.field);
-    const width = columnWidths[colField] || 200;
-    const leftOffset = getLeftOffset(col, idx);
-    const rightOffset = getRightOffset(col, idx);
-    const isSorted = sortField === col.field;
-    return /* @__PURE__ */ import_react.default.createElement(
-      "th",
-      {
-        key: colField,
-        className: `dg-thead-cell${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""} ${col.headerClassName || ""}`,
-        style: { width, minWidth: width, left: leftOffset, right: rightOffset, flex: col.flex }
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-th-inner" }, /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: `dg-th-label${col.sortable === false ? " no-sort" : ""}`,
-          onClick: () => col.sortable !== false && handleSort(col.field || "")
-        },
-        col.headerName,
-        isSorted && sortDirection === "asc" && /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronUp, { size: 12 }),
-        isSorted && sortDirection === "desc" && /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronDown, { size: 12 })
-      ), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-th-actions" }, !col.disableColumnMenu && /* @__PURE__ */ import_react.default.createElement(
-        "button",
-        {
-          className: "dg-th-menu-btn",
-          onClick: (e) => handleMenuOpen(e, colField)
-        },
-        /* @__PURE__ */ import_react.default.createElement(import_lucide_react.MoreVertical, { size: 13 })
-      ), /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: `dg-resizer${resizingColumn === colField ? " resizing" : ""}`,
-          onMouseDown: (e) => {
-            e.preventDefault();
-            setResizingColumn(colField);
-            setStartX(e.clientX);
-            setStartWidth(width);
-          }
-        }
-      )))
-    );
-  }), actions && /* @__PURE__ */ import_react.default.createElement("th", { style: { width: 0, padding: 0 } }))), /* @__PURE__ */ import_react.default.createElement("tbody", null, paginatedData.length === 0 ? /* @__PURE__ */ import_react.default.createElement("tr", null, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: visibleColumns.length + (actions ? 1 : 0), className: "dg-empty" }, "No records found")) : paginatedData.map((item) => /* @__PURE__ */ import_react.default.createElement("tr", { key: item.id, className: "dg-tbody-row" }, visibleColumns.map((col, idx) => {
-    const colField = String(col.field);
-    const width = columnWidths[colField] || 200;
-    const leftOffset = getLeftOffset(col, idx);
-    const rightOffset = getRightOffset(col, idx);
-    return /* @__PURE__ */ import_react.default.createElement(
-      "td",
-      {
-        key: `${item.id}-${colField}`,
-        className: `dg-td${col.pinned === "left" ? " pinned-left" : col.pinned === "right" ? " pinned-right" : ""} ${col.cellClassName || ""}`,
-        style: { width, minWidth: width, maxWidth: width, left: leftOffset, right: rightOffset, flex: col.flex }
-      },
-      (() => {
-        const field = String(col.field);
-        const rawValue = item[col.field || ""];
-        let value = col.valueGetter ? col.valueGetter({ value: rawValue, row: item, field }) : rawValue;
-        const formattedValue = col.valueFormatter ? col.valueFormatter({ value, row: item, field }) : value;
-        if (col.renderCell) {
-          return col.renderCell({ value, row: item, field });
-        }
-        if (col.render) {
-          return col.render(value, item);
-        }
-        return String(formattedValue ?? "");
-      })()
-    );
-  }), actions && /* @__PURE__ */ import_react.default.createElement("td", { className: "dg-row-actions-cell" }, (() => {
-    const resolvedActions = typeof actions === "function" ? actions(item) : actions;
-    const visibleActions = resolvedActions.filter((a) => !a.show || a.show(item));
-    if (visibleActions.length === 0) return null;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-row-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-action-group" }, visibleActions.map((action, i) => /* @__PURE__ */ import_react.default.createElement(
-      "button",
-      {
-        key: i,
-        className: "dg-row-action-btn",
-        style: { color: action.color || "var(--text-secondary)" },
-        onClick: () => action.onClick(item),
-        title: action.label
-      },
-      action.icon
-    ))));
-  })())))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-pagination" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-page-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-per-page" }, /* @__PURE__ */ import_react.default.createElement("span", null, "Rows per page:"), /* @__PURE__ */ import_react.default.createElement(
-    "select",
-    {
-      value: pageSize,
-      onChange: (e) => {
-        setPageSize(Number(e.target.value));
-        setCurrentPage(1);
-      }
-    },
-    pageSizeOptions.map((o) => /* @__PURE__ */ import_react.default.createElement("option", { key: o, value: o }, o))
-  )), /* @__PURE__ */ import_react.default.createElement("span", null, (currentPage - 1) * pageSize + 1, "\u2013", Math.min(currentPage * pageSize, filteredData.length), " of ", filteredData.length)), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-page-nav" }, /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-page-btn", disabled: currentPage === 1, onClick: () => setCurrentPage((p) => p - 1) }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronLeft, { size: 15 })), /* @__PURE__ */ import_react.default.createElement("span", { className: "dg-page-fraction" }, currentPage, " / ", totalPages), /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-page-btn", disabled: currentPage === totalPages, onClick: () => setCurrentPage((p) => p + 1) }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, { size: 15 })))), activeMenu && /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      ref: menuRef,
-      className: "dg-menu",
-      style: {
-        top: menuPosition.top,
-        ...menuPosition.left !== void 0 ? { left: menuPosition.left } : {},
-        ...menuPosition.right !== void 0 ? { right: menuPosition.right } : {}
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "asc") }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ArrowUp, { size: 14 }), " Sort ascending"),
-    /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "desc") }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ArrowDown, { size: 14 }), " Sort descending"),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-menu-divider" }),
-    (() => {
-      const col = resolvedColumns.find((c) => c.field === activeMenu);
-      if (!col) return null;
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, col.pinned === "left" ? /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "left") }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Pin, { size: 14, style: { transform: "rotate(0deg)", opacity: 0.5 } }), " Unpin") : /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "left") }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Pin, { size: 14, style: { transform: "rotate(45deg)" } }), " Pin left"), col.pinned === "right" ? /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "right") }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Pin, { size: 14, style: { transform: "rotate(0deg)", opacity: 0.5 } }), " Unpin") : /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "right") }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Pin, { size: 14, style: { transform: "rotate(-45deg)" } }), " Pin right"));
-    })(),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-menu-divider" }),
-    /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-menu-item", onClick: () => {
-      setShowAdvancedFilter(true);
-      setActiveMenu(null);
-    } }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Filter, { size: 14 }), " Filter\u2026"),
-    /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-menu-item", onClick: () => toggleHide(activeMenu) }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.EyeOff, { size: 14 }), " Hide column"),
-    /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-menu-item", onClick: () => {
-      setShowManageColumns(true);
-      setActiveMenu(null);
-    } }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Columns, { size: 14 }), " Manage columns")
-  ), showManageColumns && /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ import_react.default.createElement("h3", null, "Manage Columns"), /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-icon-btn", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.X, { size: 18 }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal-body" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-search-wrap", style: { marginBottom: 8 } }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Search, { size: 14 }), /* @__PURE__ */ import_react.default.createElement(
-    "input",
-    {
-      className: "dg-search",
-      style: { width: "100%" },
-      placeholder: "Find column\u2026",
-      value: colSearch,
-      onChange: (e) => setColSearch(e.target.value)
-    }
-  )), resolvedColumns.filter((c) => c.header.toLowerCase().includes(colSearch.toLowerCase())).map((col) => {
-    const key = String(col.key);
-    const isUnhideable = col.hideable === false;
-    return /* @__PURE__ */ import_react.default.createElement("div", { key, className: `dg-col-row${isUnhideable ? " disabled" : ""}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-col-label" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-col-dot", style: { background: col.hidden ? "var(--border-color)" : "var(--primary-color)" } }), col.header), !isUnhideable && /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-icon-btn", onClick: () => toggleHide(key) }, col.hidden ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.EyeOff, { size: 14 }) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.EyeOff, { size: 14, style: { opacity: 0.4 } })));
-  })), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-action-btn", onClick: () => setColumnOverrides((prev) => {
-    const next = { ...prev };
-    resolvedColumns.forEach((c) => {
-      const k = String(c.key);
-      next[k] = { ...next[k], hidden: false };
-    });
-    return next;
-  }) }, "Show All"), /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-action-btn", onClick: () => {
-    const newOverrides = { ...columnOverrides };
-    resolvedColumns.forEach((c) => {
-      if (c.hideable !== false) {
-        const key = String(c.key);
-        newOverrides[key] = { ...newOverrides[key], hidden: true };
-      }
-    });
-    setColumnOverrides(newOverrides);
-  } }, "Hide All")))), showAdvancedFilter && /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal dg-modal-wide", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ import_react.default.createElement("h3", null, "Filters"), /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-icon-btn", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.X, { size: 18 }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal-body" }, advancedFilters.map((f, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: idx }, idx > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-filter-logic" }, /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      className: `dg-logic-btn${f.logic === "AND" ? " active" : ""}`,
-      onClick: () => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, logic: "AND" } : fi))
-    },
-    "AND"
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      className: `dg-logic-btn${f.logic === "OR" ? " active" : ""}`,
-      onClick: () => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, logic: "OR" } : fi))
-    },
-    "OR"
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-filter-row" }, advancedFilters.length > 1 && /* @__PURE__ */ import_react.default.createElement("button", { className: "dg-icon-btn", onClick: () => setAdvancedFilters((p) => p.filter((_, i) => i !== idx)) }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.X, { size: 14 })), /* @__PURE__ */ import_react.default.createElement(
-    "select",
-    {
-      className: "dg-filter-select",
-      value: f.column,
-      onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, column: e.target.value } : fi))
-    },
-    resolvedColumns.map((c) => /* @__PURE__ */ import_react.default.createElement("option", { key: String(c.key), value: String(c.key) }, c.header))
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "select",
-    {
-      className: "dg-filter-select dg-filter-select-sm",
-      value: f.operator,
-      onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, operator: e.target.value } : fi))
-    },
-    /* @__PURE__ */ import_react.default.createElement("option", { value: "contains" }, "contains"),
-    /* @__PURE__ */ import_react.default.createElement("option", { value: "equals" }, "equals"),
-    /* @__PURE__ */ import_react.default.createElement("option", { value: "starts with" }, "starts with"),
-    /* @__PURE__ */ import_react.default.createElement("option", { value: "ends with" }, "ends with"),
-    /* @__PURE__ */ import_react.default.createElement("option", { value: "is empty" }, "is empty"),
-    /* @__PURE__ */ import_react.default.createElement("option", { value: "is not empty" }, "is not empty")
-  ), (() => {
-    const col = resolvedColumns.find((c) => String(c.field) === f.column);
-    const isDate = col?.type === "date";
-    return /* @__PURE__ */ import_react.default.createElement(
-      "input",
-      {
-        type: isDate ? "date" : "text",
-        className: "dg-filter-input",
-        placeholder: "Value\u2026",
-        value: f.value,
-        onChange: (e) => setAdvancedFilters((p) => p.map((fi, i) => i === idx ? { ...fi, value: e.target.value } : fi))
-      }
-    );
-  })()))), /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      className: "dg-action-btn",
-      style: { alignSelf: "flex-start", marginTop: 4 },
-      onClick: () => setAdvancedFilters((p) => [...p, { column: String(resolvedColumns[0].key), operator: "contains", value: "", logic: "AND" }])
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Plus, { size: 14 }),
-    " Add Filter"
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      className: "dg-action-btn",
-      onClick: () => setAdvancedFilters([{ column: String(resolvedColumns[0].key), operator: "contains", value: "", logic: "AND" }])
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Trash2, { size: 14 }),
-    " Reset"
-  ), /* @__PURE__ */ import_react.default.createElement("button", { className: "submit-btn", onClick: () => setShowAdvancedFilter(false) }, "Apply")))));
-}
-var DataGrid_default = DataGrid;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DataGrid
-});

package/dist/DataGrid/DataGrid.d.cts

@@ -1,8 +0,0 @@
-import React__default from 'react';
-import { DataGridProps } from './types.cjs';
-
-declare function DataGrid<T extends {
-    id: string | number;
-}>({ columns: initialColumnsProp, data, actions, pageSize: initialPageSize, pageSizeOptions, title }: DataGridProps<T>): React__default.JSX.Element;
-
-export { DataGrid, DataGrid as default };

package/dist/DataGrid/DataGrid.d.ts

@@ -1,8 +0,0 @@
-import React__default from 'react';
-import { DataGridProps } from './types.js';
-
-declare function DataGrid<T extends {
-    id: string | number;
-}>({ columns: initialColumnsProp, data, actions, pageSize: initialPageSize, pageSizeOptions, title }: DataGridProps<T>): React__default.JSX.Element;
-
-export { DataGrid, DataGrid as default };

package/dist/DataGrid/DataGrid.js

@@ -1,9 +0,0 @@
-import {
-  DataGrid,
-  DataGrid_default
-} from "../chunk-AAZU2PSA.js";
-import "../chunk-LI4N7JWK.js";
-export {
-  DataGrid,
-  DataGrid_default as default
-};