boltdocs 1.6.0 → 1.7.1

package/dist/client/index.mjs

@@ -10,7 +10,7 @@ import {
   Sidebar,
   ThemeLayout,
   createBoltdocsApp
-} from "../chunk-HSPDIRTW.mjs";
+} from "../chunk-SFVOGJ2W.mjs";
 import {
   Video
 } from "../chunk-Z7JHYNAS.mjs";
@@ -482,6 +482,122 @@ function parseNode(node, depth = 0) {
 function FileTree({ children }) {
   return /* @__PURE__ */ jsx8("div", { className: "ld-file-tree", dir: "ltr", children: Children3.map(children, (child) => parseNode(child, 0)) });
 }
+
+// src/client/theme/components/mdx/Table.tsx
+import { useState as useState4, useMemo } from "react";
+import { ChevronUp, ChevronDown, ChevronLeft, ChevronRight as ChevronRight3, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function Table({
+  headers,
+  data,
+  children,
+  className = "",
+  sortable = false,
+  paginated = false,
+  pageSize = 10
+}) {
+  const [sortConfig, setSortConfig] = useState4(null);
+  const [currentPage, setCurrentPage] = useState4(1);
+  const processedData = useMemo(() => {
+    if (!data) return [];
+    let items = [...data];
+    if (sortable && sortConfig !== null) {
+      items.sort((a, b) => {
+        const aVal = a[sortConfig.key];
+        const bVal = b[sortConfig.key];
+        const aStr = typeof aVal === "string" ? aVal : "";
+        const bStr = typeof bVal === "string" ? bVal : "";
+        if (aStr < bStr) return sortConfig.direction === "asc" ? -1 : 1;
+        if (aStr > bStr) return sortConfig.direction === "asc" ? 1 : -1;
+        return 0;
+      });
+    }
+    return items;
+  }, [data, sortConfig, sortable]);
+  const totalPages = Math.ceil(processedData.length / pageSize);
+  const paginatedData = useMemo(() => {
+    if (!paginated) return processedData;
+    const start = (currentPage - 1) * pageSize;
+    return processedData.slice(start, start + pageSize);
+  }, [processedData, paginated, currentPage, pageSize]);
+  const requestSort = (index) => {
+    if (!sortable) return;
+    let direction = "asc";
+    if (sortConfig && sortConfig.key === index && sortConfig.direction === "asc") {
+      direction = "desc";
+    }
+    setSortConfig({ key: index, direction });
+  };
+  const renderSortIcon = (index) => {
+    if (!sortable) return null;
+    if (sortConfig?.key !== index) return /* @__PURE__ */ jsx9(ChevronDown, { size: 14, className: "ld-table-sort-icon ld-table-sort-icon--hidden" });
+    return sortConfig.direction === "asc" ? /* @__PURE__ */ jsx9(ChevronUp, { size: 14, className: "ld-table-sort-icon" }) : /* @__PURE__ */ jsx9(ChevronDown, { size: 14, className: "ld-table-sort-icon" });
+  };
+  const tableContent = children ? children : /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    headers && /* @__PURE__ */ jsx9("thead", { children: /* @__PURE__ */ jsx9("tr", { children: headers.map((header, i) => /* @__PURE__ */ jsx9(
+      "th",
+      {
+        onClick: () => requestSort(i),
+        className: sortable ? "ld-table-header--sortable" : "",
+        children: /* @__PURE__ */ jsxs7("div", { className: "ld-table-header-content", children: [
+          header,
+          renderSortIcon(i)
+        ] })
+      },
+      i
+    )) }) }),
+    paginatedData && /* @__PURE__ */ jsx9("tbody", { children: paginatedData.map((row, i) => /* @__PURE__ */ jsx9("tr", { children: row.map((cell, j) => /* @__PURE__ */ jsx9("td", { children: cell }, j)) }, i)) })
+  ] });
+  return /* @__PURE__ */ jsxs7("div", { className: `ld-table-container ${className}`.trim(), children: [
+    /* @__PURE__ */ jsx9("div", { className: "ld-table-wrapper", children: /* @__PURE__ */ jsx9("table", { className: "ld-table", children: tableContent }) }),
+    paginated && totalPages > 1 && /* @__PURE__ */ jsxs7("div", { className: "ld-table-pagination", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "ld-table-pagination-info", children: [
+        "Page ",
+        currentPage,
+        " of ",
+        totalPages
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "ld-table-pagination-controls", children: [
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setCurrentPage(1),
+            disabled: currentPage === 1,
+            className: "ld-table-pagination-btn",
+            children: /* @__PURE__ */ jsx9(ChevronsLeft, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)),
+            disabled: currentPage === 1,
+            className: "ld-table-pagination-btn",
+            children: /* @__PURE__ */ jsx9(ChevronLeft, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)),
+            disabled: currentPage === totalPages,
+            className: "ld-table-pagination-btn",
+            children: /* @__PURE__ */ jsx9(ChevronRight3, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ jsx9(
+          "button",
+          {
+            onClick: () => setCurrentPage(totalPages),
+            disabled: currentPage === totalPages,
+            className: "ld-table-pagination-btn",
+            children: /* @__PURE__ */ jsx9(ChevronsRight, { size: 16 })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 export {
   Admonition,
   BackgroundGradient,
@@ -504,6 +620,7 @@ export {
   Playground,
   Sidebar,
   Tab,
+  Table,
   Tabs,
   ThemeLayout,
   Tip,