@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/dist/components/compositions/elements/code/PullRequestsList.vue.js

@@ -1,5 +1,306 @@
-import f from "./PullRequestsList.vue2.js";
+import { defineComponent as W, ref as h, computed as Y, onMounted as Z, watch as ee, openBlock as s, createBlock as b, unref as a, normalizeClass as C, withCtx as m, createVNode as u, createElementVNode as c, toDisplayString as n, createElementBlock as l, Fragment as T, renderList as A, createCommentVNode as i, resolveDynamicComponent as te, createTextVNode as B } from "vue";
+import { GitPullRequest as D, Search as se, ArrowRight as ae, GitMerge as le, XCircle as re, GitPullRequestDraft as oe } from "lucide-vue-next";
+import "../../../ui/avatar/index.js";
+import "../../../ui/badge/index.js";
+import "../../../ui/card/index.js";
+import ne from "../../../ui/input/Input.vue.js";
+import S from "../../../ui/skeleton/Skeleton.vue.js";
+import { cn as R } from "../../../../lib/utils.js";
+import ue from "../../../ui/card/Card.vue.js";
+import ie from "../../../ui/card/CardHeader.vue.js";
+import ce from "../../../ui/card/CardTitle.vue.js";
+import de from "../../../ui/card/CardContent.vue.js";
+import fe from "../../../ui/badge/Badge.vue.js";
+import me from "../../../ui/avatar/Avatar.vue.js";
+import pe from "../../../ui/avatar/AvatarImage.vue.js";
+import _e from "../../../ui/avatar/AvatarFallback.vue.js";
+const he = { class: "flex flex-wrap items-center gap-2" }, ve = { class: "flex flex-wrap items-center gap-1" }, xe = ["data-testid", "aria-pressed", "onClick"], ge = { class: "relative flex-1 min-w-48" }, ye = {
+  key: 0,
+  class: "text-sm text-muted-foreground",
+  "data-testid": "pull-requests-list-help"
+}, be = {
+  key: 0,
+  class: "flex flex-col gap-2 px-2 py-2",
+  "data-testid": "pull-requests-list-loading"
+}, ke = {
+  key: 1,
+  class: "px-2 py-2 text-sm text-destructive",
+  "data-testid": "pull-requests-list-error",
+  role: "alert"
+}, qe = {
+  key: 2,
+  class: "px-2 py-4 text-center text-sm text-muted-foreground",
+  "data-testid": "pull-requests-list-empty"
+}, $e = {
+  key: 3,
+  class: "flex flex-col",
+  role: "list",
+  "data-testid": "pull-requests-list-rows"
+}, we = ["data-testid", "aria-selected", "onClick"], Ne = { class: "flex min-w-0 flex-1 flex-col gap-0.5" }, Ce = { class: "flex items-center gap-2" }, Te = { class: "truncate text-sm font-medium" }, Ae = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+}, Se = { class: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground" }, Re = {
+  key: 0,
+  class: "flex items-center gap-1.5"
+}, ze = {
+  key: 1,
+  class: "flex items-center gap-1"
+}, Ie = {
+  key: 0,
+  class: "font-mono"
+}, Me = {
+  key: 2,
+  class: "font-mono"
+}, Be = { key: 2 }, De = {
+  key: 4,
+  class: "px-2 pt-2 text-sm text-destructive",
+  "data-testid": "pull-requests-list-errors",
+  role: "alert"
+}, et = /* @__PURE__ */ W({
+  __name: "PullRequestsList",
+  props: {
+    onLoadPullRequests: {},
+    defaultFilter: {},
+    selectedId: {},
+    onSelect: {},
+    label: { default: "Pull Requests" },
+    name: {},
+    helpText: {},
+    errors: { default: () => [] },
+    classList: {}
+  },
+  emits: ["update:selectedId"],
+  setup(F, { expose: P, emit: L }) {
+    var I, M;
+    const r = F, V = L, d = h(
+      ((I = r.defaultFilter) == null ? void 0 : I.status) ?? "all"
+    ), p = h(((M = r.defaultFilter) == null ? void 0 : M.query) ?? ""), v = h([]), k = h(!1), x = h(null);
+    let g = 0;
+    const U = [
+      { value: "all", label: "All" },
+      { value: "open", label: "Open" },
+      { value: "draft", label: "Draft" },
+      { value: "merged", label: "Merged" },
+      { value: "closed", label: "Closed" }
+    ];
+    function E(t) {
+      switch (t) {
+        case "open":
+          return "success";
+        case "merged":
+          return "info";
+        case "closed":
+          return "destructive";
+        case "draft":
+        default:
+          return "secondary";
+      }
+    }
+    function G(t) {
+      return t === "merged" ? le : t === "closed" ? re : t === "draft" ? oe : D;
+    }
+    function j(t) {
+      if (!t)
+        return "";
+      const o = t instanceof Date ? t : new Date(t), e = Date.now() - o.getTime();
+      if (Number.isNaN(e))
+        return "";
+      const f = Math.round(e / 1e3);
+      if (f < 60)
+        return `${f}s ago`;
+      const q = Math.round(f / 60);
+      if (q < 60)
+        return `${q}m ago`;
+      const $ = Math.round(q / 60);
+      if ($ < 24)
+        return `${$}h ago`;
+      const w = Math.round($ / 24);
+      if (w < 30)
+        return `${w}d ago`;
+      const N = Math.round(w / 30);
+      return N < 12 ? `${N}mo ago` : `${Math.round(N / 12)}y ago`;
+    }
+    function H() {
+      const t = {};
+      return d.value !== "all" && (t.status = d.value), p.value && (t.query = p.value), t;
+    }
+    async function _() {
+      const t = ++g;
+      k.value = !0, x.value = null;
+      try {
+        const o = await r.onLoadPullRequests(H());
+        if (t !== g)
+          return;
+        v.value = Array.isArray(o) ? o : [];
+      } catch (o) {
+        if (t !== g)
+          return;
+        x.value = o instanceof Error ? o.message : String(o), v.value = [];
+      } finally {
+        t === g && (k.value = !1);
+      }
+    }
+    let y = null;
+    function O() {
+      y !== null && clearTimeout(y), y = setTimeout(() => {
+        y = null, _();
+      }, 200);
+    }
+    function Q(t) {
+      d.value !== t && (d.value = t, _());
+    }
+    function X(t) {
+      const o = t.target.value;
+      p.value = o, O();
+    }
+    function J(t) {
+      V("update:selectedId", t.id), r.onSelect && r.onSelect(t);
+    }
+    function K(t) {
+      return t ? t.split(/\s+/).filter(Boolean).slice(0, 2).map((o) => {
+        var e;
+        return ((e = o[0]) == null ? void 0 : e.toUpperCase()) ?? "";
+      }).join("") : "?";
+    }
+    const z = Y(() => r.selectedId);
+    return Z(() => {
+      _();
+    }), ee(
+      () => r.defaultFilter,
+      (t) => {
+        t && (d.value = t.status ?? "all", p.value = t.query ?? "", _());
+      },
+      { deep: !0 }
+    ), P({ reload: _ }), (t, o) => (s(), b(a(ue), {
+      class: C(a(R)(r.classList)),
+      "data-element-name": r.name ?? void 0,
+      "data-testid": "pull-requests-list"
+    }, {
+      default: m(() => [
+        u(a(ie), { class: "flex flex-col gap-3 pb-3" }, {
+          default: m(() => [
+            u(a(ce), { class: "flex items-center gap-2 text-base" }, {
+              default: m(() => [
+                u(a(D), { class: "size-5 text-muted-foreground" }),
+                c("span", null, n(r.label), 1)
+              ]),
+              _: 1
+            }),
+            c("div", he, [
+              c("div", ve, [
+                (s(), l(T, null, A(U, (e) => c("button", {
+                  key: e.value,
+                  type: "button",
+                  class: C(
+                    a(R)(
+                      "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
+                      d.value === e.value ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground"
+                    )
+                  ),
+                  "data-testid": `pull-requests-list-chip-${e.value}`,
+                  "aria-pressed": d.value === e.value,
+                  onClick: (f) => Q(e.value)
+                }, n(e.label), 11, xe)), 64))
+              ]),
+              c("div", ge, [
+                u(a(se), { class: "absolute left-2 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+                u(a(ne), {
+                  "model-value": p.value,
+                  placeholder: "Search…",
+                  class: "pl-8",
+                  "data-testid": "pull-requests-list-search",
+                  onInput: X
+                }, null, 8, ["model-value"])
+              ])
+            ]),
+            r.helpText ? (s(), l("p", ye, n(r.helpText), 1)) : i("", !0)
+          ]),
+          _: 1
+        }),
+        u(a(de), { class: "flex flex-col gap-1 p-2" }, {
+          default: m(() => [
+            k.value ? (s(), l("div", be, [
+              u(a(S), { class: "h-12 w-full" }),
+              u(a(S), { class: "h-12 w-full" }),
+              u(a(S), { class: "h-12 w-full" })
+            ])) : x.value ? (s(), l("p", ke, n(x.value), 1)) : v.value.length === 0 ? (s(), l("p", qe, " No pull requests. ")) : (s(), l("ul", $e, [
+              (s(!0), l(T, null, A(v.value, (e) => (s(), l("li", {
+                key: e.id,
+                class: C(
+                  a(R)(
+                    "flex cursor-pointer items-center gap-3 rounded-md border border-transparent px-2 py-2 hover:bg-accent",
+                    z.value === e.id ? "border-primary bg-accent" : ""
+                  )
+                ),
+                "data-testid": `pull-requests-list-row-${e.id}`,
+                "aria-selected": z.value === e.id,
+                onClick: (f) => J(e)
+              }, [
+                (s(), b(te(G(e.status)), { class: "size-4 shrink-0 text-muted-foreground" })),
+                c("div", Ne, [
+                  c("div", Ce, [
+                    c("span", Te, n(e.title), 1),
+                    e.number !== void 0 ? (s(), l("span", Ae, " #" + n(e.number), 1)) : i("", !0),
+                    u(a(fe), {
+                      variant: E(e.status),
+                      size: "sm",
+                      class: "capitalize"
+                    }, {
+                      default: m(() => [
+                        B(n(e.status), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["variant"])
+                  ]),
+                  c("div", Se, [
+                    e.authorName ? (s(), l("span", Re, [
+                      u(a(me), {
+                        size: "sm",
+                        class: "size-5 text-[10px]"
+                      }, {
+                        default: m(() => [
+                          e.authorAvatarUrl ? (s(), b(a(pe), {
+                            key: 0,
+                            src: e.authorAvatarUrl,
+                            alt: e.authorName
+                          }, null, 8, ["src", "alt"])) : i("", !0),
+                          u(a(_e), null, {
+                            default: m(() => [
+                              B(n(K(e.authorName)), 1)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      c("span", null, n(e.authorName), 1)
+                    ])) : i("", !0),
+                    e.branchName || e.targetBranch ? (s(), l("span", ze, [
+                      e.branchName ? (s(), l("span", Ie, n(e.branchName), 1)) : i("", !0),
+                      e.branchName && e.targetBranch ? (s(), b(a(ae), {
+                        key: 1,
+                        class: "size-3"
+                      })) : i("", !0),
+                      e.targetBranch ? (s(), l("span", Me, n(e.targetBranch), 1)) : i("", !0)
+                    ])) : i("", !0),
+                    e.updatedAt || e.createdAt ? (s(), l("span", Be, n(j(e.updatedAt ?? e.createdAt)), 1)) : i("", !0)
+                  ])
+                ]),
+                i("", !0)
+              ], 10, we))), 128))
+            ])),
+            r.errors.length ? (s(), l("ul", De, [
+              (s(!0), l(T, null, A(r.errors, (e, f) => (s(), l("li", { key: f }, n(e), 1))), 128))
+            ])) : i("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["class", "data-element-name"]));
+  }
+});
 export {
-  f as default
+  et as default
 };
 //# sourceMappingURL=PullRequestsList.vue.js.map

package/dist/components/compositions/elements/code/PullRequestsList.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PullRequestsList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PullRequestsList.vue.js","sources":["../../../../../src/components/compositions/elements/code/PullRequestsList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven pull-request list composition. Renders a toolbar with\n * status-filter chips + a search input, then a list of PR rows. The\n * composition makes no HTTP calls — the consumer supplies a single\n * Promise-returning `onLoadPullRequests` callback that receives the\n * current filter object.\n *\n *   <PullRequestsList\n *     :on-load-pull-requests=\"(f) => fetch(`/api/prs?...`).then(r => r.json())\"\n *     v-model:selected-id=\"selectedPr\"\n *     @select=\"(pr) => router.push(pr.url)\"\n *   />\n */\nimport { computed, onMounted, ref, watch } from \"vue\"\nimport {\n  ArrowRight,\n  GitMerge,\n  GitPullRequest,\n  GitPullRequestDraft,\n  Loader2,\n  Search,\n  XCircle,\n} from \"lucide-vue-next\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Input } from \"@/components/ui/input\"\nimport { Skeleton } from \"@/components/ui/skeleton\"\nimport { cn } from \"@/lib/utils\"\n\nexport type PullRequestStatus =\n  | \"open\"\n  | \"closed\"\n  | \"merged\"\n  | \"draft\"\n\nexport interface PullRequest {\n  id: string\n  number?: number\n  title: string\n  authorName?: string\n  authorAvatarUrl?: string\n  status: PullRequestStatus\n  createdAt?: string | Date\n  updatedAt?: string | Date\n  branchName?: string\n  targetBranch?: string\n  url?: string\n}\n\nexport interface PullRequestsListFilter {\n  status?: PullRequestStatus\n  query?: string\n}\n\nexport interface PullRequestsListProps {\n  /** REQUIRED loader, invoked on mount and whenever the filter changes. */\n  onLoadPullRequests: (\n    filter?: PullRequestsListFilter,\n  ) => Promise<PullRequest[]>\n  /** Initial filter applied on mount. */\n  defaultFilter?: PullRequestsListFilter\n  /** Currently selected PR id (v-modelable as `selectedId`). */\n  selectedId?: string\n  /** Fired when a PR row is clicked. */\n  onSelect?: (pr: PullRequest) => void\n  label?: string\n  name?: string | null\n  helpText?: string\n  errors?: string[]\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<PullRequestsListProps>(), {\n  errors: () => [],\n  label: \"Pull Requests\",\n})\n\nconst emit = defineEmits<{\n  \"update:selectedId\": [value: string]\n}>()\n\nconst status = ref<PullRequestStatus | \"all\">(\n  props.defaultFilter?.status ?? \"all\",\n)\nconst query = ref<string>(props.defaultFilter?.query ?? \"\")\n\nconst items = ref<PullRequest[]>([])\nconst loading = ref<boolean>(false)\nconst error = ref<string | null>(null)\nlet token = 0\n\nconst STATUS_CHIPS: { value: PullRequestStatus | \"all\"; label: string }[] = [\n  { value: \"all\", label: \"All\" },\n  { value: \"open\", label: \"Open\" },\n  { value: \"draft\", label: \"Draft\" },\n  { value: \"merged\", label: \"Merged\" },\n  { value: \"closed\", label: \"Closed\" },\n]\n\nfunction statusVariant(s: PullRequestStatus): string {\n  switch (s) {\n    case \"open\":\n      return \"success\"\n    case \"merged\":\n      return \"info\"\n    case \"closed\":\n      return \"destructive\"\n    case \"draft\":\n    default:\n      return \"secondary\"\n  }\n}\n\nfunction statusIcon(s: PullRequestStatus) {\n  if (s === \"merged\") {\n    return GitMerge\n  }\n  if (s === \"closed\") {\n    return XCircle\n  }\n  if (s === \"draft\") {\n    return GitPullRequestDraft\n  }\n  return GitPullRequest\n}\n\nfunction relativeTime(value: string | Date | undefined): string {\n  if (!value) {\n    return \"\"\n  }\n  const d = value instanceof Date ? value : new Date(value)\n  const diff = Date.now() - d.getTime()\n  if (Number.isNaN(diff)) {\n    return \"\"\n  }\n  const sec = Math.round(diff / 1000)\n  if (sec < 60) {\n    return `${sec}s ago`\n  }\n  const min = Math.round(sec / 60)\n  if (min < 60) {\n    return `${min}m ago`\n  }\n  const hr = Math.round(min / 60)\n  if (hr < 24) {\n    return `${hr}h ago`\n  }\n  const day = Math.round(hr / 24)\n  if (day < 30) {\n    return `${day}d ago`\n  }\n  const month = Math.round(day / 30)\n  if (month < 12) {\n    return `${month}mo ago`\n  }\n  const year = Math.round(month / 12)\n  return `${year}y ago`\n}\n\nfunction currentFilter(): PullRequestsListFilter {\n  const f: PullRequestsListFilter = {}\n  if (status.value !== \"all\") {\n    f.status = status.value\n  }\n  if (query.value) {\n    f.query = query.value\n  }\n  return f\n}\n\nasync function reload(): Promise<void> {\n  const myToken = ++token\n  loading.value = true\n  error.value = null\n  try {\n    const next = await props.onLoadPullRequests(currentFilter())\n    if (myToken !== token) {\n      return\n    }\n    items.value = Array.isArray(next) ? next : []\n  } catch (err) {\n    if (myToken !== token) {\n      return\n    }\n    error.value = err instanceof Error ? err.message : String(err)\n    items.value = []\n  } finally {\n    if (myToken === token) {\n      loading.value = false\n    }\n  }\n}\n\nlet debounceTimer: ReturnType<typeof setTimeout> | null = null\nfunction scheduleReload(): void {\n  if (debounceTimer !== null) {\n    clearTimeout(debounceTimer)\n  }\n  debounceTimer = setTimeout(() => {\n    debounceTimer = null\n    void reload()\n  }, 200)\n}\n\nfunction setStatus(next: PullRequestStatus | \"all\"): void {\n  if (status.value === next) {\n    return\n  }\n  status.value = next\n  void reload()\n}\n\nfunction onQueryInput(e: Event): void {\n  const next = (e.target as HTMLInputElement).value\n  query.value = next\n  scheduleReload()\n}\n\nfunction selectRow(pr: PullRequest): void {\n  emit(\"update:selectedId\", pr.id)\n  if (props.onSelect) {\n    props.onSelect(pr)\n  }\n}\n\nfunction authorFallback(name?: string): string {\n  if (!name) {\n    return \"?\"\n  }\n  return name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((s) => s[0]?.toUpperCase() ?? \"\")\n    .join(\"\")\n}\n\nconst selectedIdRef = computed<string | undefined>(() => props.selectedId)\n\nonMounted(() => {\n  void reload()\n})\n\nwatch(\n  () => props.defaultFilter,\n  (next) => {\n    if (!next) {\n      return\n    }\n    status.value = next.status ?? \"all\"\n    query.value = next.query ?? \"\"\n    void reload()\n  },\n  { deep: true },\n)\n\ndefineExpose({ reload })\n</script>\n\n<template>\n  <Card\n    :class=\"cn(props.classList)\"\n    :data-element-name=\"props.name ?? undefined\"\n    data-testid=\"pull-requests-list\"\n  >\n    <CardHeader class=\"flex flex-col gap-3 pb-3\">\n      <CardTitle class=\"flex items-center gap-2 text-base\">\n        <GitPullRequest class=\"size-5 text-muted-foreground\" />\n        <span>{{ props.label }}</span>\n      </CardTitle>\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <div class=\"flex flex-wrap items-center gap-1\">\n          <button\n            v-for=\"chip in STATUS_CHIPS\"\n            :key=\"chip.value\"\n            type=\"button\"\n            :class=\"\n              cn(\n                'rounded-full border px-3 py-1 text-xs font-medium transition-colors',\n                status === chip.value\n                  ? 'border-primary bg-primary text-primary-foreground'\n                  : 'border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground',\n              )\n            \"\n            :data-testid=\"`pull-requests-list-chip-${chip.value}`\"\n            :aria-pressed=\"status === chip.value\"\n            @click=\"setStatus(chip.value)\"\n          >\n            {{ chip.label }}\n          </button>\n        </div>\n        <div class=\"relative flex-1 min-w-48\">\n          <Search\n            class=\"absolute left-2 top-1/2 -translate-y-1/2 size-4 text-muted-foreground\"\n          />\n          <Input\n            :model-value=\"query\"\n            placeholder=\"Search…\"\n            class=\"pl-8\"\n            data-testid=\"pull-requests-list-search\"\n            @input=\"onQueryInput\"\n          />\n        </div>\n      </div>\n      <p\n        v-if=\"props.helpText\"\n        class=\"text-sm text-muted-foreground\"\n        data-testid=\"pull-requests-list-help\"\n      >\n        {{ props.helpText }}\n      </p>\n    </CardHeader>\n    <CardContent class=\"flex flex-col gap-1 p-2\">\n      <div\n        v-if=\"loading\"\n        class=\"flex flex-col gap-2 px-2 py-2\"\n        data-testid=\"pull-requests-list-loading\"\n      >\n        <Skeleton class=\"h-12 w-full\" />\n        <Skeleton class=\"h-12 w-full\" />\n        <Skeleton class=\"h-12 w-full\" />\n      </div>\n      <p\n        v-else-if=\"error\"\n        class=\"px-2 py-2 text-sm text-destructive\"\n        data-testid=\"pull-requests-list-error\"\n        role=\"alert\"\n      >\n        {{ error }}\n      </p>\n      <p\n        v-else-if=\"items.length === 0\"\n        class=\"px-2 py-4 text-center text-sm text-muted-foreground\"\n        data-testid=\"pull-requests-list-empty\"\n      >\n        No pull requests.\n      </p>\n      <ul\n        v-else\n        class=\"flex flex-col\"\n        role=\"list\"\n        data-testid=\"pull-requests-list-rows\"\n      >\n        <li\n          v-for=\"pr in items\"\n          :key=\"pr.id\"\n          :class=\"\n            cn(\n              'flex cursor-pointer items-center gap-3 rounded-md border border-transparent px-2 py-2 hover:bg-accent',\n              selectedIdRef === pr.id\n                ? 'border-primary bg-accent'\n                : '',\n            )\n          \"\n          :data-testid=\"`pull-requests-list-row-${pr.id}`\"\n          :aria-selected=\"selectedIdRef === pr.id\"\n          @click=\"selectRow(pr)\"\n        >\n          <component\n            :is=\"statusIcon(pr.status)\"\n            class=\"size-4 shrink-0 text-muted-foreground\"\n          />\n          <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n            <div class=\"flex items-center gap-2\">\n              <span class=\"truncate text-sm font-medium\">{{ pr.title }}</span>\n              <span\n                v-if=\"pr.number !== undefined\"\n                class=\"text-xs text-muted-foreground\"\n              >\n                #{{ pr.number }}\n              </span>\n              <Badge\n                :variant=\"(statusVariant(pr.status) as 'success' | 'info' | 'destructive' | 'secondary')\"\n                size=\"sm\"\n                class=\"capitalize\"\n              >\n                {{ pr.status }}\n              </Badge>\n            </div>\n            <div\n              class=\"flex flex-wrap items-center gap-2 text-xs text-muted-foreground\"\n            >\n              <span\n                v-if=\"pr.authorName\"\n                class=\"flex items-center gap-1.5\"\n              >\n                <Avatar size=\"sm\" class=\"size-5 text-[10px]\">\n                  <AvatarImage\n                    v-if=\"pr.authorAvatarUrl\"\n                    :src=\"pr.authorAvatarUrl\"\n                    :alt=\"pr.authorName\"\n                  />\n                  <AvatarFallback>{{ authorFallback(pr.authorName) }}</AvatarFallback>\n                </Avatar>\n                <span>{{ pr.authorName }}</span>\n              </span>\n              <span\n                v-if=\"pr.branchName || pr.targetBranch\"\n                class=\"flex items-center gap-1\"\n              >\n                <span v-if=\"pr.branchName\" class=\"font-mono\">{{ pr.branchName }}</span>\n                <ArrowRight v-if=\"pr.branchName && pr.targetBranch\" class=\"size-3\" />\n                <span v-if=\"pr.targetBranch\" class=\"font-mono\">{{ pr.targetBranch }}</span>\n              </span>\n              <span v-if=\"pr.updatedAt || pr.createdAt\">\n                {{ relativeTime(pr.updatedAt ?? pr.createdAt) }}\n              </span>\n            </div>\n          </div>\n          <Loader2\n            v-if=\"false\"\n            class=\"size-3 animate-spin text-muted-foreground\"\n          />\n        </li>\n      </ul>\n      <ul\n        v-if=\"props.errors.length\"\n        class=\"px-2 pt-2 text-sm text-destructive\"\n        data-testid=\"pull-requests-list-errors\"\n        role=\"alert\"\n      >\n        <li v-for=\"(err, i) in props.errors\" :key=\"i\">{{ err }}</li>\n      </ul>\n    </CardContent>\n  </Card>\n</template>\n"],"names":["props","__props","emit","__emit","status","ref","_a","query","_b","items","loading","error","token","STATUS_CHIPS","statusVariant","s","statusIcon","GitMerge","XCircle","GitPullRequestDraft","GitPullRequest","relativeTime","value","d","diff","sec","min","hr","day","month","currentFilter","f","reload","myToken","next","err","debounceTimer","scheduleReload","setStatus","onQueryInput","e","selectRow","pr","authorFallback","name","selectedIdRef","computed","onMounted","watch","__expose","_createBlock","_unref","Card","_normalizeClass","cn","_createVNode","CardHeader","CardTitle","_createElementVNode","_toDisplayString","_hoisted_1","_hoisted_2","_createElementBlock","_Fragment","_renderList","chip","$event","_hoisted_3","_hoisted_4","Search","Input","_openBlock","_hoisted_5","CardContent","_hoisted_6","Skeleton","_hoisted_7","_hoisted_8","_hoisted_9","_resolveDynamicComponent","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","Badge","_createTextVNode","_hoisted_15","_hoisted_16","Avatar","AvatarImage","AvatarFallback","_hoisted_17","_hoisted_18","ArrowRight","_hoisted_19","_hoisted_20","_hoisted_21","i"],"mappings":"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"}

package/dist/components/compositions/elements/code/PullRequestsList.vue2.js

@@ -1,306 +1,5 @@
-import { defineComponent as W, ref as h, computed as Y, onMounted as Z, watch as ee, openBlock as s, createBlock as b, unref as a, normalizeClass as C, withCtx as m, createVNode as u, createElementVNode as c, toDisplayString as n, createElementBlock as l, Fragment as T, renderList as A, createCommentVNode as i, resolveDynamicComponent as te, createTextVNode as B } from "vue";
-import { GitPullRequest as D, Search as se, ArrowRight as ae, GitMerge as le, XCircle as re, GitPullRequestDraft as oe } from "lucide-vue-next";
-import "../../../ui/avatar/index.js";
-import "../../../ui/badge/index.js";
-import "../../../ui/card/index.js";
-import ne from "../../../ui/input/Input.vue.js";
-import S from "../../../ui/skeleton/Skeleton.vue.js";
-import { cn as R } from "../../../../lib/utils.js";
-import ue from "../../../ui/card/Card.vue.js";
-import ie from "../../../ui/card/CardHeader.vue.js";
-import ce from "../../../ui/card/CardTitle.vue.js";
-import de from "../../../ui/card/CardContent.vue.js";
-import fe from "../../../ui/badge/Badge.vue.js";
-import me from "../../../ui/avatar/Avatar.vue.js";
-import pe from "../../../ui/avatar/AvatarImage.vue.js";
-import _e from "../../../ui/avatar/AvatarFallback.vue.js";
-const he = { class: "flex flex-wrap items-center gap-2" }, ve = { class: "flex flex-wrap items-center gap-1" }, xe = ["data-testid", "aria-pressed", "onClick"], ge = { class: "relative flex-1 min-w-48" }, ye = {
-  key: 0,
-  class: "text-sm text-muted-foreground",
-  "data-testid": "pull-requests-list-help"
-}, be = {
-  key: 0,
-  class: "flex flex-col gap-2 px-2 py-2",
-  "data-testid": "pull-requests-list-loading"
-}, ke = {
-  key: 1,
-  class: "px-2 py-2 text-sm text-destructive",
-  "data-testid": "pull-requests-list-error",
-  role: "alert"
-}, qe = {
-  key: 2,
-  class: "px-2 py-4 text-center text-sm text-muted-foreground",
-  "data-testid": "pull-requests-list-empty"
-}, $e = {
-  key: 3,
-  class: "flex flex-col",
-  role: "list",
-  "data-testid": "pull-requests-list-rows"
-}, we = ["data-testid", "aria-selected", "onClick"], Ne = { class: "flex min-w-0 flex-1 flex-col gap-0.5" }, Ce = { class: "flex items-center gap-2" }, Te = { class: "truncate text-sm font-medium" }, Ae = {
-  key: 0,
-  class: "text-xs text-muted-foreground"
-}, Se = { class: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground" }, Re = {
-  key: 0,
-  class: "flex items-center gap-1.5"
-}, ze = {
-  key: 1,
-  class: "flex items-center gap-1"
-}, Ie = {
-  key: 0,
-  class: "font-mono"
-}, Me = {
-  key: 2,
-  class: "font-mono"
-}, Be = { key: 2 }, De = {
-  key: 4,
-  class: "px-2 pt-2 text-sm text-destructive",
-  "data-testid": "pull-requests-list-errors",
-  role: "alert"
-}, et = /* @__PURE__ */ W({
-  __name: "PullRequestsList",
-  props: {
-    onLoadPullRequests: {},
-    defaultFilter: {},
-    selectedId: {},
-    onSelect: {},
-    label: { default: "Pull Requests" },
-    name: {},
-    helpText: {},
-    errors: { default: () => [] },
-    classList: {}
-  },
-  emits: ["update:selectedId"],
-  setup(F, { expose: P, emit: L }) {
-    var I, M;
-    const r = F, V = L, d = h(
-      ((I = r.defaultFilter) == null ? void 0 : I.status) ?? "all"
-    ), p = h(((M = r.defaultFilter) == null ? void 0 : M.query) ?? ""), v = h([]), k = h(!1), x = h(null);
-    let g = 0;
-    const U = [
-      { value: "all", label: "All" },
-      { value: "open", label: "Open" },
-      { value: "draft", label: "Draft" },
-      { value: "merged", label: "Merged" },
-      { value: "closed", label: "Closed" }
-    ];
-    function E(t) {
-      switch (t) {
-        case "open":
-          return "success";
-        case "merged":
-          return "info";
-        case "closed":
-          return "destructive";
-        case "draft":
-        default:
-          return "secondary";
-      }
-    }
-    function G(t) {
-      return t === "merged" ? le : t === "closed" ? re : t === "draft" ? oe : D;
-    }
-    function j(t) {
-      if (!t)
-        return "";
-      const o = t instanceof Date ? t : new Date(t), e = Date.now() - o.getTime();
-      if (Number.isNaN(e))
-        return "";
-      const f = Math.round(e / 1e3);
-      if (f < 60)
-        return `${f}s ago`;
-      const q = Math.round(f / 60);
-      if (q < 60)
-        return `${q}m ago`;
-      const $ = Math.round(q / 60);
-      if ($ < 24)
-        return `${$}h ago`;
-      const w = Math.round($ / 24);
-      if (w < 30)
-        return `${w}d ago`;
-      const N = Math.round(w / 30);
-      return N < 12 ? `${N}mo ago` : `${Math.round(N / 12)}y ago`;
-    }
-    function H() {
-      const t = {};
-      return d.value !== "all" && (t.status = d.value), p.value && (t.query = p.value), t;
-    }
-    async function _() {
-      const t = ++g;
-      k.value = !0, x.value = null;
-      try {
-        const o = await r.onLoadPullRequests(H());
-        if (t !== g)
-          return;
-        v.value = Array.isArray(o) ? o : [];
-      } catch (o) {
-        if (t !== g)
-          return;
-        x.value = o instanceof Error ? o.message : String(o), v.value = [];
-      } finally {
-        t === g && (k.value = !1);
-      }
-    }
-    let y = null;
-    function O() {
-      y !== null && clearTimeout(y), y = setTimeout(() => {
-        y = null, _();
-      }, 200);
-    }
-    function Q(t) {
-      d.value !== t && (d.value = t, _());
-    }
-    function X(t) {
-      const o = t.target.value;
-      p.value = o, O();
-    }
-    function J(t) {
-      V("update:selectedId", t.id), r.onSelect && r.onSelect(t);
-    }
-    function K(t) {
-      return t ? t.split(/\s+/).filter(Boolean).slice(0, 2).map((o) => {
-        var e;
-        return ((e = o[0]) == null ? void 0 : e.toUpperCase()) ?? "";
-      }).join("") : "?";
-    }
-    const z = Y(() => r.selectedId);
-    return Z(() => {
-      _();
-    }), ee(
-      () => r.defaultFilter,
-      (t) => {
-        t && (d.value = t.status ?? "all", p.value = t.query ?? "", _());
-      },
-      { deep: !0 }
-    ), P({ reload: _ }), (t, o) => (s(), b(a(ue), {
-      class: C(a(R)(r.classList)),
-      "data-element-name": r.name ?? void 0,
-      "data-testid": "pull-requests-list"
-    }, {
-      default: m(() => [
-        u(a(ie), { class: "flex flex-col gap-3 pb-3" }, {
-          default: m(() => [
-            u(a(ce), { class: "flex items-center gap-2 text-base" }, {
-              default: m(() => [
-                u(a(D), { class: "size-5 text-muted-foreground" }),
-                c("span", null, n(r.label), 1)
-              ]),
-              _: 1
-            }),
-            c("div", he, [
-              c("div", ve, [
-                (s(), l(T, null, A(U, (e) => c("button", {
-                  key: e.value,
-                  type: "button",
-                  class: C(
-                    a(R)(
-                      "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
-                      d.value === e.value ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground"
-                    )
-                  ),
-                  "data-testid": `pull-requests-list-chip-${e.value}`,
-                  "aria-pressed": d.value === e.value,
-                  onClick: (f) => Q(e.value)
-                }, n(e.label), 11, xe)), 64))
-              ]),
-              c("div", ge, [
-                u(a(se), { class: "absolute left-2 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
-                u(a(ne), {
-                  "model-value": p.value,
-                  placeholder: "Search…",
-                  class: "pl-8",
-                  "data-testid": "pull-requests-list-search",
-                  onInput: X
-                }, null, 8, ["model-value"])
-              ])
-            ]),
-            r.helpText ? (s(), l("p", ye, n(r.helpText), 1)) : i("", !0)
-          ]),
-          _: 1
-        }),
-        u(a(de), { class: "flex flex-col gap-1 p-2" }, {
-          default: m(() => [
-            k.value ? (s(), l("div", be, [
-              u(a(S), { class: "h-12 w-full" }),
-              u(a(S), { class: "h-12 w-full" }),
-              u(a(S), { class: "h-12 w-full" })
-            ])) : x.value ? (s(), l("p", ke, n(x.value), 1)) : v.value.length === 0 ? (s(), l("p", qe, " No pull requests. ")) : (s(), l("ul", $e, [
-              (s(!0), l(T, null, A(v.value, (e) => (s(), l("li", {
-                key: e.id,
-                class: C(
-                  a(R)(
-                    "flex cursor-pointer items-center gap-3 rounded-md border border-transparent px-2 py-2 hover:bg-accent",
-                    z.value === e.id ? "border-primary bg-accent" : ""
-                  )
-                ),
-                "data-testid": `pull-requests-list-row-${e.id}`,
-                "aria-selected": z.value === e.id,
-                onClick: (f) => J(e)
-              }, [
-                (s(), b(te(G(e.status)), { class: "size-4 shrink-0 text-muted-foreground" })),
-                c("div", Ne, [
-                  c("div", Ce, [
-                    c("span", Te, n(e.title), 1),
-                    e.number !== void 0 ? (s(), l("span", Ae, " #" + n(e.number), 1)) : i("", !0),
-                    u(a(fe), {
-                      variant: E(e.status),
-                      size: "sm",
-                      class: "capitalize"
-                    }, {
-                      default: m(() => [
-                        B(n(e.status), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["variant"])
-                  ]),
-                  c("div", Se, [
-                    e.authorName ? (s(), l("span", Re, [
-                      u(a(me), {
-                        size: "sm",
-                        class: "size-5 text-[10px]"
-                      }, {
-                        default: m(() => [
-                          e.authorAvatarUrl ? (s(), b(a(pe), {
-                            key: 0,
-                            src: e.authorAvatarUrl,
-                            alt: e.authorName
-                          }, null, 8, ["src", "alt"])) : i("", !0),
-                          u(a(_e), null, {
-                            default: m(() => [
-                              B(n(K(e.authorName)), 1)
-                            ]),
-                            _: 2
-                          }, 1024)
-                        ]),
-                        _: 2
-                      }, 1024),
-                      c("span", null, n(e.authorName), 1)
-                    ])) : i("", !0),
-                    e.branchName || e.targetBranch ? (s(), l("span", ze, [
-                      e.branchName ? (s(), l("span", Ie, n(e.branchName), 1)) : i("", !0),
-                      e.branchName && e.targetBranch ? (s(), b(a(ae), {
-                        key: 1,
-                        class: "size-3"
-                      })) : i("", !0),
-                      e.targetBranch ? (s(), l("span", Me, n(e.targetBranch), 1)) : i("", !0)
-                    ])) : i("", !0),
-                    e.updatedAt || e.createdAt ? (s(), l("span", Be, n(j(e.updatedAt ?? e.createdAt)), 1)) : i("", !0)
-                  ])
-                ]),
-                i("", !0)
-              ], 10, we))), 128))
-            ])),
-            r.errors.length ? (s(), l("ul", De, [
-              (s(!0), l(T, null, A(r.errors, (e, f) => (s(), l("li", { key: f }, n(e), 1))), 128))
-            ])) : i("", !0)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["class", "data-element-name"]));
-  }
-});
+import f from "./PullRequestsList.vue.js";
 export {
-  et as default
+  f as default
 };
 //# sourceMappingURL=PullRequestsList.vue2.js.map