@krosoft/react 0.0.375 → 0.0.376

package/dist/changelog-1_YeDWEy.js

@@ -1,208 +0,0 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { filterChangelog as t, getChangelogTags as n, parseChangelog as r, splitChangelogItems as i } from "./helpers/index.js";
-import { r as a, t as o } from "./i18n-w2FziHQf.js";
-import { Nn as s } from "./ui-Fxy95kSJ.js";
-import { t as c } from "./SearchInput-BIA1rBub.js";
-import { t as l } from "./useNotifications-CyhTruIG.js";
-import { t as u } from "./AppMarkdown-C0ehlRtp.js";
-import { useEffect as d, useMemo as f, useState as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { LinkIcon as _ } from "lucide-react";
-import { useLocation as v, useNavigate as y } from "react-router-dom";
-import { format as b } from "date-fns";
-//#region src/components/core/changelog/AppChangelogEntry.tsx
-var x = ({ entry: t, isLatest: n, isLast: r, isActive: c, onSelect: l, onCopyLink: d, selectedTags: p }) => {
-	let { t: v } = o(), y = a(), x = f(() => i(t.content), [t.content]);
-	return /* @__PURE__ */ g("section", {
-		id: t.id,
-		className: "group flex scroll-mt-4 gap-4",
-		children: [/* @__PURE__ */ g("div", {
-			className: "flex w-24 shrink-0 flex-col items-center",
-			children: [
-				/* @__PURE__ */ h("a", {
-					href: `#${t.id}`,
-					onClick: (e) => {
-						e.preventDefault(), l(t.id);
-					},
-					className: e("mb-2 text-center text-xs font-medium leading-tight text-muted-foreground hover:text-primary", c && "text-primary"),
-					children: t.date ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
-						className: "block",
-						children: b(t.date, "d MMM yyyy", { locale: y })
-					}), t.hasTime ? /* @__PURE__ */ h("span", {
-						className: "block opacity-70",
-						children: b(t.date, "HH:mm", { locale: y })
-					}) : null] }) : t.title
-				}),
-				/* @__PURE__ */ h("div", { className: e("relative z-10 size-3 shrink-0 rounded-full", n ? "bg-primary" : "bg-muted-foreground/40", c && "ring-4 ring-primary/20") }),
-				r ? null : /* @__PURE__ */ h("div", { className: "w-0.5 grow bg-border" })
-			]
-		}), /* @__PURE__ */ g("div", {
-			className: e("relative mb-6 min-w-0 grow rounded-lg border bg-card px-5 py-4 pr-12 shadow-sm transition-colors", c && "border-primary/50"),
-			children: [/* @__PURE__ */ h("button", {
-				type: "button",
-				onClick: () => {
-					d(t.id);
-				},
-				title: v("markdown.copyLink"),
-				"aria-label": v("markdown.copyLink"),
-				className: "absolute right-4 top-4 inline-flex text-muted-foreground transition-opacity hover:text-primary md:opacity-0 md:focus-visible:opacity-100 md:group-hover:opacity-100",
-				children: /* @__PURE__ */ h(_, { className: "size-4" })
-			}), /* @__PURE__ */ h("div", {
-				className: "space-y-3",
-				children: x.map((t, n) => /* @__PURE__ */ g("div", {
-					className: "flex flex-col items-start gap-1.5 sm:flex-row sm:gap-3",
-					children: [t.tag === void 0 ? null : /* @__PURE__ */ h("span", {
-						className: e(s({ variant: p.includes(t.tag) ? "default" : "secondary" }), p.includes(t.tag) ? "hover:bg-primary" : "hover:bg-secondary", "mt-0.5 shrink-0"),
-						children: t.tag
-					}), /* @__PURE__ */ h("div", {
-						className: "min-w-0 [&>*:last-child]:mb-0",
-						children: /* @__PURE__ */ h(u, {
-							content: t.content,
-							headingAnchors: !1
-						})
-					})]
-				}, `${t.tag ?? ""}-${String(n)}`))
-			})]
-		})]
-	});
-}, S = ({ entries: t, activeId: n, onSelect: r, className: i }) => {
-	let { t: s } = o(), c = a();
-	return /* @__PURE__ */ g("nav", {
-		"aria-label": s("changelog.nav"),
-		className: i,
-		children: [/* @__PURE__ */ h("p", {
-			className: "mb-2 px-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-			children: s("changelog.nav")
-		}), /* @__PURE__ */ h("ul", {
-			className: "space-y-0.5 border-l",
-			children: t.map((t) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h("a", {
-				href: `#${t.id}`,
-				onClick: (e) => {
-					e.preventDefault(), r(t.id);
-				},
-				className: e("-ml-px block border-l-2 border-transparent px-3 py-1 text-sm text-muted-foreground hover:border-muted-foreground/40 hover:text-foreground", t.id === n && "border-primary font-medium text-primary hover:border-primary hover:text-primary"),
-				children: t.date ? b(t.date, t.hasTime ? "d MMM yyyy · HH:mm" : "d MMM yyyy", { locale: c }) : t.title
-			}) }, t.id))
-		})]
-	});
-}, C = ({ tags: t, selected: n, onToggle: r, onClear: i, className: a }) => {
-	let { t: c } = o();
-	return /* @__PURE__ */ g("div", {
-		className: a,
-		children: [/* @__PURE__ */ g("div", {
-			className: "mb-2 flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ h("p", {
-				className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-				children: c("changelog.tagsPlaceholder")
-			}), n.length > 0 ? /* @__PURE__ */ h("button", {
-				type: "button",
-				onClick: i,
-				className: "text-xs text-muted-foreground hover:text-foreground",
-				children: c("actions.clear")
-			}) : null]
-		}), /* @__PURE__ */ h("div", {
-			className: "flex flex-wrap gap-1.5",
-			children: t.map((t) => {
-				let i = n.includes(t);
-				return /* @__PURE__ */ h("button", {
-					type: "button",
-					"aria-pressed": i,
-					onClick: () => {
-						r(t);
-					},
-					className: e(s({ variant: i ? "default" : "outline" }), "cursor-pointer font-medium focus:ring-0 focus-visible:ring-2", !i && "hover:bg-muted"),
-					children: t
-				}, t);
-			})
-		})]
-	});
-}, w = ({ content: i, showNav: a = !0, showSearch: s = !0 }) => {
-	let { t: u } = o(), { showSuccess: m, showError: _ } = l(), b = v(), w = y(), [T, E] = p(""), [D, O] = p([]), k = f(() => r(i), [i]), A = f(() => n(k), [k]), j = f(() => t(k, T, D), [
-		k,
-		T,
-		D
-	]), M = (e) => {
-		O((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, N = k[0]?.id, P = decodeURIComponent(b.hash.slice(1)), F = j.some((e) => e.id === P) ? P : void 0;
-	d(() => {
-		if (!F) return;
-		let e = requestAnimationFrame(() => {
-			document.getElementById(F)?.scrollIntoView({
-				behavior: "smooth",
-				block: "start"
-			});
-		});
-		return () => {
-			cancelAnimationFrame(e);
-		};
-	}, [F]);
-	let I = (e) => {
-		w({
-			search: b.search,
-			hash: `#${e}`
-		}, { replace: !0 });
-	}, L = async (e) => {
-		I(e);
-		let t = `${window.location.origin}${b.pathname}${b.search}#${e}`;
-		try {
-			await navigator.clipboard.writeText(t), m(u("markdown.linkCopied"));
-		} catch {
-			_(u("markdown.linkCopyError"));
-		}
-	};
-	if (k.length === 0) return /* @__PURE__ */ h("p", {
-		className: "text-sm text-muted-foreground",
-		children: u("changelog.empty")
-	});
-	let R = (e) => /* @__PURE__ */ g("div", {
-		className: "flex flex-col gap-4",
-		children: [/* @__PURE__ */ h(c, {
-			search: T,
-			onSearch: E,
-			placeholder: u("changelog.searchPlaceholder"),
-			className: e ? "md:w-full" : "md:w-96"
-		}), A.length > 0 ? /* @__PURE__ */ h(C, {
-			tags: A,
-			selected: D,
-			onToggle: M,
-			onClear: () => {
-				O([]);
-			}
-		}) : null]
-	}), z = a, B = s;
-	return /* @__PURE__ */ g("div", {
-		className: "flex gap-8",
-		children: [/* @__PURE__ */ g("div", {
-			className: "min-w-0 flex-1",
-			children: [
-				B ? /* @__PURE__ */ h("div", {
-					className: e("mb-6", z && "xl:hidden"),
-					children: R(!1)
-				}) : null,
-				j.length === 0 ? /* @__PURE__ */ h("p", {
-					className: "text-sm text-muted-foreground",
-					children: u("changelog.noResult")
-				}) : null,
-				j.map((e, t) => /* @__PURE__ */ h(x, {
-					entry: e,
-					isLatest: e.id === N,
-					isLast: t === j.length - 1,
-					isActive: e.id === F,
-					onSelect: I,
-					onCopyLink: (e) => void L(e),
-					selectedTags: D
-				}, e.id))
-			]
-		}), z ? /* @__PURE__ */ g("aside", {
-			className: "sticky top-4 hidden max-h-[calc(100vh-2rem)] w-64 shrink-0 flex-col gap-6 self-start xl:flex",
-			children: [B ? R(!0) : null, j.length > 0 ? /* @__PURE__ */ h(S, {
-				entries: j,
-				activeId: F,
-				onSelect: I,
-				className: "min-h-0 flex-1 overflow-y-auto"
-			}) : null]
-		}) : null]
-	});
-};
-//#endregion
-export { w as t };