ghost 6.24.0 → 6.25.1

package/core/built/admin/assets/posts/tags-BCFLnZYl.mjs

@@ -0,0 +1,399 @@
+import { D as v, j as e, R as u, T as X, n as T, A as Y, B as ee, Z as z, q as se, e as ae, _ as te } from "./index-BTzJVQ6S.mjs";
+import { b as C, P as y, f as re, d as oe, B as N } from "./heading-BCDx_eVF.mjs";
+import { c as E, I as le, u as ne, R as ie } from "./skeleton-CUSLSLoY.mjs";
+import { H as f } from "./header-7zhnErbb.mjs";
+import { M as ce } from "./main-layout-DeqPTJTe.mjs";
+import { u as de, a as ue, L as ge } from "./virtual-list-window-CQDEqNBL.mjs";
+import { T as pe, a as xe, b as P, c as b, d as me, e as h } from "./table-Bgi_UcfL.mjs";
+import { P as fe, T as he } from "./tags-Kv2q0o3p.mjs";
+import { E as ve } from "./empty-indicator-BaD6pCXM.mjs";
+import { L as je } from "./loading-indicator-DiYqXomj.mjs";
+import { d as be } from "./hooks-DQL2O_El.mjs";
+var $ = "Toggle", I = v((s, t) => {
+  const { pressed: r, defaultPressed: a, onPressedChange: o, ...l } = s, [n, i] = C({
+    prop: r,
+    onChange: o,
+    defaultProp: a ?? !1,
+    caller: $
+  });
+  return /* @__PURE__ */ e.jsx(
+    y.button,
+    {
+      type: "button",
+      "aria-pressed": n,
+      "data-state": n ? "on" : "off",
+      "data-disabled": s.disabled ? "" : void 0,
+      ...l,
+      ref: t,
+      onClick: re(s.onClick, () => {
+        s.disabled || i(!n);
+      })
+    }
+  );
+});
+I.displayName = $;
+var V = I, m = "ToggleGroup", [B] = oe(m, [
+  E
+]), D = E(), _ = u.forwardRef((s, t) => {
+  const { type: r, ...a } = s;
+  if (r === "single") {
+    const o = a;
+    return /* @__PURE__ */ e.jsx(Ne, { ...o, ref: t });
+  }
+  if (r === "multiple") {
+    const o = a;
+    return /* @__PURE__ */ e.jsx(we, { ...o, ref: t });
+  }
+  throw new Error(`Missing prop \`type\` expected on \`${m}\``);
+});
+_.displayName = m;
+var [F, H] = B(m), Ne = u.forwardRef((s, t) => {
+  const {
+    value: r,
+    defaultValue: a,
+    onValueChange: o = () => {
+    },
+    ...l
+  } = s, [n, i] = C({
+    prop: r,
+    defaultProp: a ?? "",
+    onChange: o,
+    caller: m
+  });
+  return /* @__PURE__ */ e.jsx(
+    F,
+    {
+      scope: s.__scopeToggleGroup,
+      type: "single",
+      value: u.useMemo(() => n ? [n] : [], [n]),
+      onItemActivate: i,
+      onItemDeactivate: u.useCallback(() => i(""), [i]),
+      children: /* @__PURE__ */ e.jsx(q, { ...l, ref: t })
+    }
+  );
+}), we = u.forwardRef((s, t) => {
+  const {
+    value: r,
+    defaultValue: a,
+    onValueChange: o = () => {
+    },
+    ...l
+  } = s, [n, i] = C({
+    prop: r,
+    defaultProp: a ?? [],
+    onChange: o,
+    caller: m
+  }), c = u.useCallback(
+    (d) => i((p = []) => [...p, d]),
+    [i]
+  ), g = u.useCallback(
+    (d) => i((p = []) => p.filter((j) => j !== d)),
+    [i]
+  );
+  return /* @__PURE__ */ e.jsx(
+    F,
+    {
+      scope: s.__scopeToggleGroup,
+      type: "multiple",
+      value: n,
+      onItemActivate: c,
+      onItemDeactivate: g,
+      children: /* @__PURE__ */ e.jsx(q, { ...l, ref: t })
+    }
+  );
+});
+_.displayName = m;
+var [Te, ye] = B(m), q = u.forwardRef(
+  (s, t) => {
+    const {
+      __scopeToggleGroup: r,
+      disabled: a = !1,
+      rovingFocus: o = !0,
+      orientation: l,
+      dir: n,
+      loop: i = !0,
+      ...c
+    } = s, g = D(r), d = ne(n), p = { role: "group", dir: d, ...c };
+    return /* @__PURE__ */ e.jsx(Te, { scope: r, rovingFocus: o, disabled: a, children: o ? /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        asChild: !0,
+        ...g,
+        orientation: l,
+        dir: d,
+        loop: i,
+        children: /* @__PURE__ */ e.jsx(y.div, { ...p, ref: t })
+      }
+    ) : /* @__PURE__ */ e.jsx(y.div, { ...p, ref: t }) });
+  }
+), w = "ToggleGroupItem", O = u.forwardRef(
+  (s, t) => {
+    const r = H(w, s.__scopeToggleGroup), a = ye(w, s.__scopeToggleGroup), o = D(s.__scopeToggleGroup), l = r.value.includes(s.value), n = a.disabled || s.disabled, i = { ...s, pressed: l, disabled: n }, c = u.useRef(null);
+    return a.rovingFocus ? /* @__PURE__ */ e.jsx(
+      le,
+      {
+        asChild: !0,
+        ...o,
+        focusable: !n,
+        active: l,
+        ref: c,
+        children: /* @__PURE__ */ e.jsx(M, { ...i, ref: t })
+      }
+    ) : /* @__PURE__ */ e.jsx(M, { ...i, ref: t });
+  }
+);
+O.displayName = w;
+var M = u.forwardRef(
+  (s, t) => {
+    const { __scopeToggleGroup: r, value: a, ...o } = s, l = H(w, r), n = { role: "radio", "aria-checked": s.pressed, "aria-pressed": void 0 }, i = l.type === "single" ? n : void 0;
+    return /* @__PURE__ */ e.jsx(
+      I,
+      {
+        ...i,
+        ...o,
+        ref: t,
+        onPressedChange: (c) => {
+          c ? l.onItemActivate(a) : l.onItemDeactivate(a);
+        }
+      }
+    );
+  }
+), Q = _, U = O;
+const W = X(
+  "inline-flex items-center justify-center gap-2 rounded-xs text-sm font-medium text-gray-700 transition-colors hover:bg-gray-200 hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-background data-[state=on]:text-foreground data-[state=on]:shadow-sm dark:hover:bg-background [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:stroke-[1.5px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent"
+      },
+      size: {
+        default: "h-[26px] min-w-[26px] px-2",
+        button: "h-[32px] min-w-[32px] px-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), Pe = v(({ className: s, variant: t, size: r, ...a }, o) => /* @__PURE__ */ e.jsx(
+  V,
+  {
+    ref: o,
+    className: T(W({ variant: t, size: r, className: s })),
+    ...a
+  }
+));
+Pe.displayName = V.displayName;
+const Z = Y({
+  size: "default",
+  variant: "default"
+}), J = v(({ className: s, variant: t, size: r, children: a, ...o }, l) => /* @__PURE__ */ e.jsx(
+  Q,
+  {
+    ref: l,
+    className: T("inline-flex items-center justify-center gap-0.5 bg-gray-100 p-0.5 rounded-md dark:bg-gray-925/70", s),
+    ...o,
+    children: /* @__PURE__ */ e.jsx(Z.Provider, { value: { variant: t, size: r }, children: a })
+  }
+));
+J.displayName = Q.displayName;
+const G = v(({ className: s, children: t, variant: r, size: a, ...o }, l) => {
+  const n = ee(Z);
+  return /* @__PURE__ */ e.jsx(
+    U,
+    {
+      ref: l,
+      className: T(
+        W({
+          variant: n.variant || r,
+          size: n.size || a
+        }),
+        s
+      ),
+      ...o,
+      children: t
+    }
+  );
+});
+G.displayName = U.displayName;
+const Ge = ({ children: s, className: t, ...r }) => /* @__PURE__ */ e.jsx("section", { className: T("flex gap-6 flex-col p-4 lg:p-8 size-full grow", t), ...r, children: s }), Ce = ({ currentTab: s }) => /* @__PURE__ */ e.jsxs(f, { variant: "inline-nav", children: [
+  /* @__PURE__ */ e.jsx(f.Title, { children: "Tags" }),
+  /* @__PURE__ */ e.jsxs(f.Actions, { children: [
+    /* @__PURE__ */ e.jsx(f.ActionGroup, { children: /* @__PURE__ */ e.jsxs(J, { "data-testid": "tags-header-tabs", size: "button", type: "single", value: s, children: [
+      /* @__PURE__ */ e.jsx(G, { "aria-label": "Public tags", value: "public", asChild: !0, children: /* @__PURE__ */ e.jsx(z, { to: "/tags", children: "Public tags" }) }),
+      /* @__PURE__ */ e.jsx(G, { "aria-label": "Internal tags", value: "internal", asChild: !0, children: /* @__PURE__ */ e.jsx(z, { to: "/tags?type=internal", children: "Internal tags" }) })
+    ] }) }),
+    /* @__PURE__ */ e.jsx(f.ActionGroup, { children: /* @__PURE__ */ e.jsx(N, { asChild: !0, children: /* @__PURE__ */ e.jsx("a", { className: "font-bold", href: "#/tags/new", children: "New tag" }) }) })
+  ] })
+] }), Ie = ({ children: s }) => /* @__PURE__ */ e.jsx(ce, { children: /* @__PURE__ */ e.jsx("div", { className: "grid w-full grow", children: /* @__PURE__ */ e.jsx("div", { className: "flex h-full flex-col", "data-testid": "tags-page", children: s }) }) }), A = ({ height: s }) => /* @__PURE__ */ e.jsx("tr", { "aria-hidden": "true", className: "flex lg:table-row", children: /* @__PURE__ */ e.jsx("td", { className: "flex lg:table-cell", style: { height: s } }) }), _e = v(function(t, r) {
+  return /* @__PURE__ */ e.jsx(
+    P,
+    {
+      ref: r,
+      ...t,
+      "aria-hidden": "true",
+      className: "relative flex flex-col lg:table-row",
+      children: /* @__PURE__ */ e.jsx(h, { className: "relative z-10 h-24 animate-pulse", children: /* @__PURE__ */ e.jsx("div", { className: "h-full rounded-md bg-muted", "data-testid": "loading-placeholder" }) })
+    }
+  );
+});
+function Re({
+  items: s,
+  totalItems: t,
+  hasNextPage: r,
+  isFetchingNextPage: a,
+  fetchNextPage: o
+}) {
+  const l = se(null), { visibleItemCount: n, canLoadMore: i, loadMore: c } = de(t), { visibleItems: g, spaceBefore: d, spaceAfter: p } = ue({
+    items: s,
+    totalItems: n,
+    hasNextPage: r,
+    isFetchingNextPage: a,
+    fetchNextPage: o,
+    parentRef: l
+  });
+  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: "overflow-hidden", children: [
+    /* @__PURE__ */ e.jsxs(
+      pe,
+      {
+        className: "flex table-fixed flex-col lg:table",
+        "data-testid": "tags-list",
+        children: [
+          /* @__PURE__ */ e.jsx(xe, { className: "hidden lg:visible! lg:table-header-group!", children: /* @__PURE__ */ e.jsxs(P, { children: [
+            /* @__PURE__ */ e.jsx(b, { className: "w-auto px-4", children: "Tag" }),
+            /* @__PURE__ */ e.jsx(b, { className: "w-1/5 px-4", children: "Slug" }),
+            /* @__PURE__ */ e.jsx(b, { className: "w-1/5 px-4", children: "No. of posts" }),
+            /* @__PURE__ */ e.jsx(b, { className: "w-20 px-4" })
+          ] }) }),
+          /* @__PURE__ */ e.jsxs(me, { className: "flex flex-col lg:table-row-group", children: [
+            /* @__PURE__ */ e.jsx(A, { height: d }),
+            g.map(({ key: j, virtualItem: K, item: x, props: R }) => {
+              var k, L, S;
+              return K.index > s.length - 1 ? /* @__PURE__ */ e.jsx(_e, { ...R }, j) : /* @__PURE__ */ e.jsxs(
+                P,
+                {
+                  ...R,
+                  className: "grid w-full grid-cols-[1fr_5rem] items-center gap-x-4 p-2 hover:bg-muted/50 md:grid-cols-[1fr_auto_5rem] lg:table-row lg:p-0 [&.group:hover_td]:bg-transparent",
+                  "data-testid": "tag-list-row",
+                  children: [
+                    /* @__PURE__ */ e.jsxs(h, { className: "static col-start-1 col-end-1 row-start-1 row-end-1 flex min-w-0 flex-col p-0 md:relative lg:table-cell lg:w-1/2 lg:p-4 xl:w-3/5", children: [
+                      /* @__PURE__ */ e.jsx(
+                        "a",
+                        {
+                          className: "before:absolute before:top-0 before:left-0 before:z-10 before:h-full before:w-[100vw]",
+                          href: `#/tags/${x.slug}`,
+                          children: /* @__PURE__ */ e.jsx("span", { className: "block truncate pb-1 text-lg font-medium", children: x.name })
+                        }
+                      ),
+                      /* @__PURE__ */ e.jsx("span", { className: "block truncate text-muted-foreground", children: x.description })
+                    ] }),
+                    /* @__PURE__ */ e.jsx(h, { className: "col-start-1 col-end-1 row-start-2 row-end-2 flex p-0 lg:table-cell lg:p-4", children: /* @__PURE__ */ e.jsx("span", { className: "block truncate", children: x.slug }) }),
+                    /* @__PURE__ */ e.jsx(h, { className: "col-start-1 col-end-1 row-start-3 row-end-3 flex p-0 md:col-start-2 md:col-end-2 md:row-start-1 md:row-end-3 lg:table-cell lg:p-4", children: (k = x.count) != null && k.posts ? /* @__PURE__ */ e.jsx(
+                      "a",
+                      {
+                        className: "relative z-10 -m-4 inline-block p-4 hover:underline",
+                        href: `#/posts?tag=${x.slug}`,
+                        children: `${ae((L = x.count) == null ? void 0 : L.posts)}  ${((S = x.count) == null ? void 0 : S.posts) === 1 ? "post" : "posts"}`
+                      }
+                    ) : /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "0 posts" }) }),
+                    /* @__PURE__ */ e.jsx(h, { className: "col-start-2 col-end-2 row-start-1 row-end-3 p-0 md:col-start-3 md:col-end-3 lg:table-cell lg:p-4", children: /* @__PURE__ */ e.jsx(
+                      N,
+                      {
+                        "aria-hidden": "true",
+                        className: "w-12",
+                        size: "icon",
+                        tabIndex: -1,
+                        variant: "outline",
+                        children: /* @__PURE__ */ e.jsx(fe, {})
+                      }
+                    ) })
+                  ]
+                },
+                j
+              );
+            }),
+            /* @__PURE__ */ e.jsx(A, { height: p })
+          ] })
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ e.jsx(ge, { isLoading: a, onClick: c })
+  ] });
+}
+const ke = "TagsResponseType", Le = be({
+  dataType: ke,
+  path: "/tags/",
+  defaultNextPageParams: (s, t) => {
+    var r, a;
+    return (r = s.meta) != null && r.pagination.next ? {
+      ...t,
+      page: (((a = s.meta) == null ? void 0 : a.pagination.next) || 1).toString()
+    } : void 0;
+  },
+  returnData: (s) => {
+    const { pages: t } = s, r = t.flatMap((o) => o.tags), a = t[t.length - 1].meta;
+    return {
+      tags: r,
+      meta: a,
+      isEnd: a ? a.pagination.pages === a.pagination.page : !0
+    };
+  }
+}), Se = ({
+  filter: s,
+  ...t
+}) => {
+  const r = Object.entries(s).map(([a, o]) => `${a}:${o}`).join(",");
+  return Le({
+    ...t,
+    searchParams: {
+      limit: "100",
+      order: "name asc",
+      include: "count.posts",
+      filter: r,
+      ...t.searchParams
+    }
+  });
+}, Qe = () => {
+  var g, d;
+  const { search: s } = te(), r = new URLSearchParams(s).get("type") ?? "public", {
+    data: a,
+    isError: o,
+    isLoading: l,
+    isFetchingNextPage: n,
+    fetchNextPage: i,
+    hasNextPage: c
+  } = Se({
+    filter: {
+      visibility: r
+    }
+  });
+  return /* @__PURE__ */ e.jsxs(Ie, { children: [
+    /* @__PURE__ */ e.jsx(Ce, { currentTab: r }),
+    /* @__PURE__ */ e.jsx(Ge, { children: l ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx(je, { size: "lg" }) }) : o ? /* @__PURE__ */ e.jsxs("div", { className: "mb-16 flex h-full flex-col items-center justify-center", children: [
+      /* @__PURE__ */ e.jsx("h2", { className: "mb-2 text-xl font-medium", children: "Error loading tags" }),
+      /* @__PURE__ */ e.jsx("p", { className: "mb-4 text-muted-foreground", children: "Please reload the page to try again" }),
+      /* @__PURE__ */ e.jsx(N, { onClick: () => window.location.reload(), children: "Reload page" })
+    ] }) : a != null && a.tags.length ? /* @__PURE__ */ e.jsx(
+      Re,
+      {
+        fetchNextPage: i,
+        hasNextPage: c,
+        isFetchingNextPage: n,
+        items: (a == null ? void 0 : a.tags) ?? [],
+        totalItems: ((d = (g = a == null ? void 0 : a.meta) == null ? void 0 : g.pagination) == null ? void 0 : d.total) ?? 0
+      }
+    ) : /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx(
+      ve,
+      {
+        actions: /* @__PURE__ */ e.jsx(N, { asChild: !0, children: /* @__PURE__ */ e.jsx("a", { href: "#/tags/new", children: "Create a new tag" }) }),
+        title: "Start organizing your content",
+        children: /* @__PURE__ */ e.jsx(he, {})
+      }
+    ) }) })
+  ] });
+};
+export {
+  Qe as default
+};
+//# sourceMappingURL=tags-BCFLnZYl.mjs.map

package/core/built/admin/assets/posts/{tags-CLyaNf39.mjs → tags-Kv2q0o3p.mjs}

@@ -1,4 +1,4 @@
-import { g as a } from "./heading-DXxLDQ96.mjs";
+import { g as a } from "./heading-BCDx_eVF.mjs";
 /**
  * @license lucide-react v0.553.0 - ISC
  *
@@ -39,4 +39,4 @@ export {
   t as P,
   l as T
 };
-//# sourceMappingURL=tags-CLyaNf39.mjs.map
+//# sourceMappingURL=tags-Kv2q0o3p.mjs.map