@rufous/ui 0.1.71 → 0.1.81

package/dist/chunk-AAZU2PSA.js

@@ -1,517 +0,0 @@
-// lib/DataGrid/DataGrid.tsx
-import React, { useState, useMemo, useRef, useEffect } from "react";
-import {
-  ChevronUp,
-  ChevronDown,
-  Search,
-  Download,
-  MoreVertical,
-  ChevronLeft,
-  ChevronRight,
-  Filter,
-  X,
-  Pin,
-  EyeOff,
-  Columns,
-  ArrowUp,
-  ArrowDown,
-  Trash2,
-  Plus
-} from "lucide-react";
-function DataGrid({
-  columns: initialColumnsProp,
-  data,
-  actions,
-  pageSize: initialPageSize = 10,
-  pageSizeOptions = [5, 10, 25, 50],
-  title
-}) {
-  const [columnOverrides, setColumnOverrides] = useState({});
-  const resolvedColumns = 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] = 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] = useState(initialPageSize);
-  const [sortField, setSortField] = useState(null);
-  const [sortDirection, setSortDirection] = useState(null);
-  const [filterText, setFilterText] = useState("");
-  const [currentPage, setCurrentPage] = useState(1);
-  const [columnFilters, setColumnFilters] = useState({});
-  const [resizingColumn, setResizingColumn] = useState(null);
-  const [startX, setStartX] = useState(0);
-  const [startWidth, setStartWidth] = useState(0);
-  const [activeMenu, setActiveMenu] = useState(null);
-  const [menuPosition, setMenuPosition] = useState({ top: 0, left: 0 });
-  const menuRef = useRef(null);
-  const [showManageColumns, setShowManageColumns] = useState(false);
-  const [showAdvancedFilter, setShowAdvancedFilter] = useState(false);
-  const initialFilterCol = String(initialColumnsProp[0]?.field || initialColumnsProp[0]?.key || "");
-  const [advancedFilters, setAdvancedFilters] = useState([
-    { column: initialFilterCol, operator: "contains", value: "", logic: "AND" }
-  ]);
-  const [colSearch, setColSearch] = useState("");
-  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]);
-  useEffect(() => {
-    const handleClickOutside = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) {
-        setActiveMenu(null);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
-  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 = 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 = 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 = 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 = 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__ */ React.createElement("div", { className: "dg-root" }, /* @__PURE__ */ React.createElement("div", { className: "dg-header" }, /* @__PURE__ */ React.createElement("div", { className: "dg-header-info" }, /* @__PURE__ */ React.createElement("h2", null, title), /* @__PURE__ */ React.createElement("p", null, filteredData.length, " total records")), /* @__PURE__ */ React.createElement("div", { className: "dg-header-actions" }, /* @__PURE__ */ React.createElement("div", { className: "dg-search-wrap" }, /* @__PURE__ */ React.createElement(Search, { size: 15 }), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      className: "dg-search",
-      placeholder: "Search\u2026",
-      value: filterText,
-      onChange: (e) => {
-        setFilterText(e.target.value);
-        setCurrentPage(1);
-      }
-    }
-  )), /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      className: `dg-icon-btn ${hasActiveFilters ? "active" : ""}`,
-      onClick: () => setShowAdvancedFilter(true),
-      title: "Filters"
-    },
-    /* @__PURE__ */ React.createElement(Filter, { size: 16 })
-  ), /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      className: "dg-icon-btn",
-      onClick: () => setShowManageColumns(true),
-      title: "Manage Columns"
-    },
-    /* @__PURE__ */ React.createElement(Columns, { size: 16 })
-  ), /* @__PURE__ */ React.createElement("button", { className: "dg-action-btn", onClick: handleExport }, /* @__PURE__ */ React.createElement(Download, { size: 14 }), " Export CSV"))), /* @__PURE__ */ React.createElement("div", { className: "dg-table-wrap" }, /* @__PURE__ */ React.createElement("table", { className: "dg-table" }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.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__ */ React.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__ */ React.createElement("div", { className: "dg-th-inner" }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `dg-th-label${col.sortable === false ? " no-sort" : ""}`,
-          onClick: () => col.sortable !== false && handleSort(col.field || "")
-        },
-        col.headerName,
-        isSorted && sortDirection === "asc" && /* @__PURE__ */ React.createElement(ChevronUp, { size: 12 }),
-        isSorted && sortDirection === "desc" && /* @__PURE__ */ React.createElement(ChevronDown, { size: 12 })
-      ), /* @__PURE__ */ React.createElement("div", { className: "dg-th-actions" }, !col.disableColumnMenu && /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          className: "dg-th-menu-btn",
-          onClick: (e) => handleMenuOpen(e, colField)
-        },
-        /* @__PURE__ */ React.createElement(MoreVertical, { size: 13 })
-      ), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `dg-resizer${resizingColumn === colField ? " resizing" : ""}`,
-          onMouseDown: (e) => {
-            e.preventDefault();
-            setResizingColumn(colField);
-            setStartX(e.clientX);
-            setStartWidth(width);
-          }
-        }
-      )))
-    );
-  }), actions && /* @__PURE__ */ React.createElement("th", { style: { width: 0, padding: 0 } }))), /* @__PURE__ */ React.createElement("tbody", null, paginatedData.length === 0 ? /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: visibleColumns.length + (actions ? 1 : 0), className: "dg-empty" }, "No records found")) : paginatedData.map((item) => /* @__PURE__ */ React.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__ */ React.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__ */ React.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__ */ React.createElement("div", { className: "dg-row-actions" }, /* @__PURE__ */ React.createElement("div", { className: "dg-action-group" }, visibleActions.map((action, i) => /* @__PURE__ */ React.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__ */ React.createElement("div", { className: "dg-pagination" }, /* @__PURE__ */ React.createElement("div", { className: "dg-page-info" }, /* @__PURE__ */ React.createElement("div", { className: "dg-per-page" }, /* @__PURE__ */ React.createElement("span", null, "Rows per page:"), /* @__PURE__ */ React.createElement(
-    "select",
-    {
-      value: pageSize,
-      onChange: (e) => {
-        setPageSize(Number(e.target.value));
-        setCurrentPage(1);
-      }
-    },
-    pageSizeOptions.map((o) => /* @__PURE__ */ React.createElement("option", { key: o, value: o }, o))
-  )), /* @__PURE__ */ React.createElement("span", null, (currentPage - 1) * pageSize + 1, "\u2013", Math.min(currentPage * pageSize, filteredData.length), " of ", filteredData.length)), /* @__PURE__ */ React.createElement("div", { className: "dg-page-nav" }, /* @__PURE__ */ React.createElement("button", { className: "dg-page-btn", disabled: currentPage === 1, onClick: () => setCurrentPage((p) => p - 1) }, /* @__PURE__ */ React.createElement(ChevronLeft, { size: 15 })), /* @__PURE__ */ React.createElement("span", { className: "dg-page-fraction" }, currentPage, " / ", totalPages), /* @__PURE__ */ React.createElement("button", { className: "dg-page-btn", disabled: currentPage === totalPages, onClick: () => setCurrentPage((p) => p + 1) }, /* @__PURE__ */ React.createElement(ChevronRight, { size: 15 })))), activeMenu && /* @__PURE__ */ React.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__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "asc") }, /* @__PURE__ */ React.createElement(ArrowUp, { size: 14 }), " Sort ascending"),
-    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => handleSort(activeMenu, "desc") }, /* @__PURE__ */ React.createElement(ArrowDown, { size: 14 }), " Sort descending"),
-    /* @__PURE__ */ React.createElement("div", { className: "dg-menu-divider" }),
-    (() => {
-      const col = resolvedColumns.find((c) => c.field === activeMenu);
-      if (!col) return null;
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, col.pinned === "left" ? /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "left") }, /* @__PURE__ */ React.createElement(Pin, { size: 14, style: { transform: "rotate(0deg)", opacity: 0.5 } }), " Unpin") : /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "left") }, /* @__PURE__ */ React.createElement(Pin, { size: 14, style: { transform: "rotate(45deg)" } }), " Pin left"), col.pinned === "right" ? /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "right") }, /* @__PURE__ */ React.createElement(Pin, { size: 14, style: { transform: "rotate(0deg)", opacity: 0.5 } }), " Unpin") : /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => togglePin(activeMenu, "right") }, /* @__PURE__ */ React.createElement(Pin, { size: 14, style: { transform: "rotate(-45deg)" } }), " Pin right"));
-    })(),
-    /* @__PURE__ */ React.createElement("div", { className: "dg-menu-divider" }),
-    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => {
-      setShowAdvancedFilter(true);
-      setActiveMenu(null);
-    } }, /* @__PURE__ */ React.createElement(Filter, { size: 14 }), " Filter\u2026"),
-    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => toggleHide(activeMenu) }, /* @__PURE__ */ React.createElement(EyeOff, { size: 14 }), " Hide column"),
-    /* @__PURE__ */ React.createElement("button", { className: "dg-menu-item", onClick: () => {
-      setShowManageColumns(true);
-      setActiveMenu(null);
-    } }, /* @__PURE__ */ React.createElement(Columns, { size: 14 }), " Manage columns")
-  ), showManageColumns && /* @__PURE__ */ React.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React.createElement("div", { className: "dg-modal", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React.createElement("h3", null, "Manage Columns"), /* @__PURE__ */ React.createElement("button", { className: "dg-icon-btn", onClick: () => setShowManageColumns(false) }, /* @__PURE__ */ React.createElement(X, { size: 18 }))), /* @__PURE__ */ React.createElement("div", { className: "dg-modal-body" }, /* @__PURE__ */ React.createElement("div", { className: "dg-search-wrap", style: { marginBottom: 8 } }, /* @__PURE__ */ React.createElement(Search, { size: 14 }), /* @__PURE__ */ React.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__ */ React.createElement("div", { key, className: `dg-col-row${isUnhideable ? " disabled" : ""}` }, /* @__PURE__ */ React.createElement("div", { className: "dg-col-label" }, /* @__PURE__ */ React.createElement("div", { className: "dg-col-dot", style: { background: col.hidden ? "var(--border-color)" : "var(--primary-color)" } }), col.header), !isUnhideable && /* @__PURE__ */ React.createElement("button", { className: "dg-icon-btn", onClick: () => toggleHide(key) }, col.hidden ? /* @__PURE__ */ React.createElement(EyeOff, { size: 14 }) : /* @__PURE__ */ React.createElement(EyeOff, { size: 14, style: { opacity: 0.4 } })));
-  })), /* @__PURE__ */ React.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ React.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__ */ React.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__ */ React.createElement("div", { className: "dg-modal-overlay", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ React.createElement("div", { className: "dg-modal dg-modal-wide", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement("div", { className: "dg-modal-header" }, /* @__PURE__ */ React.createElement("h3", null, "Filters"), /* @__PURE__ */ React.createElement("button", { className: "dg-icon-btn", onClick: () => setShowAdvancedFilter(false) }, /* @__PURE__ */ React.createElement(X, { size: 18 }))), /* @__PURE__ */ React.createElement("div", { className: "dg-modal-body" }, advancedFilters.map((f, idx) => /* @__PURE__ */ React.createElement("div", { key: idx }, idx > 0 && /* @__PURE__ */ React.createElement("div", { className: "dg-filter-logic" }, /* @__PURE__ */ React.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__ */ React.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__ */ React.createElement("div", { className: "dg-filter-row" }, advancedFilters.length > 1 && /* @__PURE__ */ React.createElement("button", { className: "dg-icon-btn", onClick: () => setAdvancedFilters((p) => p.filter((_, i) => i !== idx)) }, /* @__PURE__ */ React.createElement(X, { size: 14 })), /* @__PURE__ */ React.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__ */ React.createElement("option", { key: String(c.key), value: String(c.key) }, c.header))
-  ), /* @__PURE__ */ React.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__ */ React.createElement("option", { value: "contains" }, "contains"),
-    /* @__PURE__ */ React.createElement("option", { value: "equals" }, "equals"),
-    /* @__PURE__ */ React.createElement("option", { value: "starts with" }, "starts with"),
-    /* @__PURE__ */ React.createElement("option", { value: "ends with" }, "ends with"),
-    /* @__PURE__ */ React.createElement("option", { value: "is empty" }, "is empty"),
-    /* @__PURE__ */ React.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__ */ React.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__ */ React.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__ */ React.createElement(Plus, { size: 14 }),
-    " Add Filter"
-  )), /* @__PURE__ */ React.createElement("div", { className: "dg-modal-footer" }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      className: "dg-action-btn",
-      onClick: () => setAdvancedFilters([{ column: String(resolvedColumns[0].key), operator: "contains", value: "", logic: "AND" }])
-    },
-    /* @__PURE__ */ React.createElement(Trash2, { size: 14 }),
-    " Reset"
-  ), /* @__PURE__ */ React.createElement("button", { className: "submit-btn", onClick: () => setShowAdvancedFilter(false) }, "Apply")))));
-}
-var DataGrid_default = DataGrid;
-
-export {
-  DataGrid,
-  DataGrid_default
-};

package/dist/chunk-AH6RCYDL.js

@@ -1,45 +0,0 @@
-// lib/icons/activateUserIcon.tsx
-import * as React from "react";
-var ActivateUserIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    version: "1.0",
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "512.000000pt",
-    height: "512.000000pt",
-    viewBox: "0 0 512.000000 512.000000",
-    preserveAspectRatio: "xMidYMid meet",
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(
-    "g",
-    {
-      transform: "translate(0.000000,512.000000) scale(0.100000,-0.100000)",
-      fill: color,
-      stroke: "none"
-    },
-    /* @__PURE__ */ React.createElement(
-      "path",
-      {
-        d: "M1465 4094 c-617 -35 -1156 -428 -1366 -997 -161 -437 -117 -925 119\n-1322 205 -345 559 -608 947 -704 186 -46 188 -46 1395 -46 1207 0 1209 0\n1395 46 484 120 894 487 1066 952 221 599 51 1275 -426 1689 -180 156 -408\n278 -625 334 -189 48 -157 47 -1335 49 -610 1 -1137 0 -1170 -1z m2343 -187\nc566 -104 995 -520 1113 -1080 31 -145 31 -389 0 -534 -57 -271 -177 -496\n-368 -689 -202 -205 -460 -339 -751 -392 -89 -15 -195 -17 -1242 -17 -1047 0\n-1153 2 -1242 17 -570 103 -1000 519 -1119 1081 -31 145 -31 389 0 534 88 416\n346 756 718 946 172 87 327 131 523 147 52 4 585 7 1185 6 976 -2 1100 -4\n1183 -19z"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      "path",
-      {
-        d: "M1425 3664 c-158 -24 -268 -56 -380 -112 -379 -189 -615 -569 -615\n-992 0 -531 363 -974 890 -1087 100 -21 320 -23 418 -4 417 81 759 399 867\n803 163 614 -221 1239 -845 1374 -67 14 -282 26 -335 18z m335 -194 c257 -62\n496 -254 615 -495 75 -151 90 -223 90 -415 0 -192 -15 -264 -90 -415 -120\n-242 -357 -432 -620 -496 -119 -30 -305 -32 -419 -5 -341 79 -598 321 -703\n663 -24 80 -27 102 -27 253 0 151 3 173 27 253 116 377 404 622 802 681 61 9\n243 -4 325 -24z"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      "path",
-      {
-        d: "M4145 2974 c-16 -8 -170 -154 -340 -324 l-310 -310 -150 150 c-130\n131 -154 150 -182 150 -17 0 -39 -3 -48 -6 -25 -10 -48 -62 -40 -93 8 -34 349\n-378 393 -397 29 -13 37 -13 65 1 42 20 713 692 726 727 16 41 -4 87 -45 104\n-40 17 -33 17 -69 -2z"
-      }
-    )
-  )
-);
-var activateUserIcon_default = ActivateUserIcon;
-
-export {
-  activateUserIcon_default
-};

package/dist/chunk-AXSFVJ3H.js

@@ -1,10 +0,0 @@
-// lib/icons/helpOutlinedIcon.tsx
-import React from "react";
-var HelpOutlinedIcon = ({ color = "#5f6368", ...props }) => {
-  return /* @__PURE__ */ React.createElement("svg", { width: "32", height: "33", viewBox: "0 0 32 33", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M16 31.3C24.2843 31.3 31 24.5843 31 16.3C31 8.01573 24.2843 1.3 16 1.3C7.71573 1.3 1 8.01573 1 16.3C1 24.5843 7.71573 31.3 16 31.3Z", stroke: color, strokeWidth: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M15.967 7.6C15.2243 7.55686 14.4804 7.66158 13.7785 7.90808C13.0766 8.15458 12.4306 8.53796 11.878 9.036C11.1541 9.79654 10.7029 10.7756 10.595 11.82L12.77 12.1C12.8289 11.5409 13.0651 11.0153 13.444 10.6C13.7819 10.2913 14.1816 10.0579 14.6166 9.91528C15.0515 9.7727 15.5118 9.72421 15.967 9.773C16.9127 9.68268 17.8584 9.94635 18.621 10.513C18.8228 10.6923 18.9822 10.9143 19.0875 11.1628C19.1929 11.4114 19.2415 11.6803 19.23 11.95C19.23 13.755 18.49 14.256 17.403 15.213C16.6339 15.7793 16.006 16.5156 15.5684 17.3646C15.1308 18.2135 14.8951 19.152 14.88 20.107V20.651H17.055V20.107C17.055 18.302 17.729 17.801 18.817 16.844C19.596 16.2825 20.2348 15.5488 20.6837 14.6999C21.1326 13.851 21.3795 12.9099 21.405 11.95C21.4124 11.3782 21.3024 10.8109 21.0817 10.2834C20.861 9.75584 20.5343 9.2792 20.122 8.883C18.9456 7.95187 17.4635 7.49424 15.967 7.6ZM14.88 22.825V25H17.055V22.825H14.88Z", fill: color }));
-};
-var helpOutlinedIcon_default = HelpOutlinedIcon;
-
-export {
-  helpOutlinedIcon_default
-};

package/dist/chunk-B2LVMM55.js

@@ -1,8 +0,0 @@
-// lib/icons/questionStatusPrivateIcon.tsx
-import * as React from "react";
-var QuestionStatusPrivateIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_25259", "data-name": "Group 25259", transform: "translate(-5412 -11820)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_25176", "data-name": "Group 25176", transform: "translate(150 69.4)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_25174", "data-name": "Group 25174", transform: "translate(5265 11751.6)" }, /* @__PURE__ */ React.createElement("g", { id: "Rectangle_19447", "data-name": "Rectangle 19447", transform: "translate(0 8.641)", fill: "none", stroke: color, strokeWidth: "1.6" }, /* @__PURE__ */ React.createElement("rect", { width: "18.333", height: "13.359", rx: "2", stroke: "none" }), /* @__PURE__ */ React.createElement("rect", { x: "0.8", y: "0.8", width: "16.733", height: "11.759", rx: "1.2", fill: "none" })), /* @__PURE__ */ React.createElement("g", { id: "Rectangle_19448", "data-name": "Rectangle 19448", transform: "translate(4)", fill: "none", stroke: color, strokeWidth: "1.6" }, /* @__PURE__ */ React.createElement("path", { d: "M5.517,0h0a5.517,5.517,0,0,1,5.517,5.517V10a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V5.517A5.517,5.517,0,0,1,5.517,0Z", stroke: "none" }), /* @__PURE__ */ React.createElement("path", { d: "M5.517.8h0a4.717,4.717,0,0,1,4.717,4.717V8.79a.41.41,0,0,1-.41.41H1.21A.41.41,0,0,1,.8,8.79V5.517A4.717,4.717,0,0,1,5.517.8Z", fill: "none" }))), /* @__PURE__ */ React.createElement("g", { id: "Group_25175", "data-name": "Group 25175", transform: "translate(5273.251 11765.721)" }, /* @__PURE__ */ React.createElement("line", { id: "Line_500", "data-name": "Line 500", y2: "2.745", transform: "translate(0.915 0.457)", fill: "none", stroke: color, strokeLinecap: "round", strokeWidth: "1" }), /* @__PURE__ */ React.createElement("g", { id: "Ellipse_352", "data-name": "Ellipse 352", fill: "#fff", stroke: color, strokeWidth: "1" }, /* @__PURE__ */ React.createElement("circle", { cx: "0.915", cy: "0.915", r: "0.915", stroke: "none" }), /* @__PURE__ */ React.createElement("circle", { cx: "0.915", cy: "0.915", r: "0.415", fill: "none" })))), /* @__PURE__ */ React.createElement("g", { id: "Group_25258", "data-name": "Group 25258", transform: "translate(-237 71)" }, /* @__PURE__ */ React.createElement("rect", { id: "Rectangle_19479", "data-name": "Rectangle 19479", width: "24", height: "24", rx: "5", transform: "translate(5649 11749)", fill: "none" }))));
-var questionStatusPrivateIcon_default = QuestionStatusPrivateIcon;
-
-export {
-  questionStatusPrivateIcon_default
-};

package/dist/chunk-BMMDUQDJ.js

@@ -1,8 +0,0 @@
-// lib/Buttons/cancelButton.tsx
-import * as React from "react";
-var CancelButton = ({ children, ...props }) => /* @__PURE__ */ React.createElement("button", { className: "btn cancel-btn", ...props }, children);
-var cancelButton_default = CancelButton;
-
-export {
-  cancelButton_default
-};