@openrails/contentkit-ui 0.94.0 → 0.95.1

package/dist/components/content/popular.js

@@ -0,0 +1,49 @@
+import { useMessages as e } from "../../i18n/context.js";
+import { ContentKitUiRoot as t } from "../../scope.js";
+import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../ui/select.js";
+import { popularQuery as s } from "../../client/discovery.js";
+import { ContentGrid as c } from "./grid.js";
+import { useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { cn as p } from "cn";
+//#region src/components/content/popular.tsx
+var m = [
+	"7d",
+	"90d",
+	"365d",
+	"all"
+];
+function h({ query: h, period: g, onPeriodChange: _, locked: v, ...y }) {
+	let b = e(), [x, S] = u("7d"), C = g ?? x, w = l(() => s(C, h), [C, h]), T = (e) => e === "all" ? b.t("listing.period_all") : b.plural("listing.pastDays", Number(e.slice(0, -1)));
+	return /* @__PURE__ */ f(t, {
+		appearance: y.appearance,
+		className: p("grid gap-4 text-sm", y.className),
+		"data-ckui": "popular-grid",
+		children: [/* @__PURE__ */ f(n, {
+			value: C,
+			onValueChange: (e) => {
+				if (!e || !m.includes(e)) return;
+				let t = e;
+				g === void 0 && S(t), _?.(t);
+			},
+			children: [/* @__PURE__ */ d(a, {
+				className: "w-fit min-w-40",
+				"aria-label": b.t("listing.popularPeriod"),
+				children: /* @__PURE__ */ d(o, { children: T(C) })
+			}), /* @__PURE__ */ d(r, { children: m.map((e) => /* @__PURE__ */ d(i, {
+				value: e,
+				children: T(e)
+			}, e)) })]
+		}), /* @__PURE__ */ d(c, {
+			...y,
+			surface: y.surface ?? "popular",
+			query: w,
+			locked: v,
+			infinite: !0
+		})]
+	});
+}
+//#endregion
+export { h as PopularContentGrid };
+
+//# sourceMappingURL=popular.js.map

package/dist/components/content/popular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popular.js","names":[],"sources":["../../../src/components/content/popular.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useMemo, useState } from \"react\";\nimport { popularQuery, type PopularPeriod, type PopularQuery } from \"../../client/discovery.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { ContentKitUiRoot } from \"../../scope.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { ContentGrid, type CardListProps, type LockedCards } from \"./grid.js\";\n\nexport interface PopularContentGridProps extends Omit<CardListProps, \"infinite\"> {\n  query?: PopularQuery;\n  /** Controlled period; otherwise the selector starts at 7d. */\n  period?: PopularPeriod;\n  onPeriodChange?: (period: PopularPeriod) => void;\n  locked?: LockedCards;\n}\n\nconst PERIODS: readonly PopularPeriod[] = [\"7d\", \"90d\", \"365d\", \"all\"];\n\n/** A popularity listing with matched score/age windows and infinite paging. */\nexport function PopularContentGrid({ query, period, onPeriodChange, locked, ...p }: PopularContentGridProps) {\n  const m = useMessages();\n  const [ownPeriod, setOwnPeriod] = useState<PopularPeriod>(\"7d\");\n  const current = period ?? ownPeriod;\n  const list = useMemo(() => popularQuery(current, query), [current, query]);\n  const label = (value: PopularPeriod) => value === \"all\" ? m.t(\"listing.period_all\") : m.plural(\"listing.pastDays\", Number(value.slice(0, -1)));\n  return (\n    <ContentKitUiRoot appearance={p.appearance} className={cn(\"grid gap-4 text-sm\", p.className)} data-ckui=\"popular-grid\">\n      <Select value={current} onValueChange={(value) => {\n        if (!value || !PERIODS.includes(value as PopularPeriod)) return;\n        const next = value as PopularPeriod;\n        if (period === undefined) setOwnPeriod(next);\n        onPeriodChange?.(next);\n      }}>\n        <SelectTrigger className=\"w-fit min-w-40\" aria-label={m.t(\"listing.popularPeriod\")}><SelectValue>{label(current)}</SelectValue></SelectTrigger>\n        <SelectContent>{PERIODS.map((value) => <SelectItem key={value} value={value}>{label(value)}</SelectItem>)}</SelectContent>\n      </Select>\n      <ContentGrid {...p} surface={p.surface ?? \"popular\"} query={list} locked={locked} infinite />\n    </ContentKitUiRoot>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,IAAM,IAAoC;CAAC;CAAM;CAAO;CAAQ;AAAK;AAGrE,SAAgB,EAAmB,EAAE,UAAO,WAAQ,mBAAgB,WAAQ,GAAG,KAA8B;CAC3G,IAAM,IAAI,EAAY,GAChB,CAAC,GAAW,KAAgB,EAAwB,IAAI,GACxD,IAAU,KAAU,GACpB,IAAO,QAAc,EAAa,GAAS,CAAK,GAAG,CAAC,GAAS,CAAK,CAAC,GACnE,KAAS,MAAyB,MAAU,QAAQ,EAAE,EAAE,oBAAoB,IAAI,EAAE,OAAO,oBAAoB,OAAO,EAAM,MAAM,GAAG,EAAE,CAAC,CAAC;CAC7I,OACE,kBAAC,GAAD;EAAkB,YAAY,EAAE;EAAY,WAAW,EAAG,sBAAsB,EAAE,SAAS;EAAG,aAAU;EAAxG,UAAA,CACE,kBAAC,GAAD;GAAQ,OAAO;GAAS,gBAAgB,MAAU;IAChD,IAAI,CAAC,KAAS,CAAC,EAAQ,SAAS,CAAsB,GAAG;IACzD,IAAM,IAAO;IAEb,AADI,MAAW,KAAA,KAAW,EAAa,CAAI,GAC3C,IAAiB,CAAI;GACvB;GALA,UAAA,CAME,kBAAC,GAAD;IAAe,WAAU;IAAiB,cAAY,EAAE,EAAE,uBAAuB;IAAG,UAAA,kBAAC,GAAD,EAAA,UAAc,EAAM,CAAO,EAAe,CAAA;GAAgB,CAAA,GAC9I,kBAAC,GAAD,EAAA,UAAgB,EAAQ,KAAK,MAAU,kBAAC,GAAD;IAA+B;IAAQ,UAAA,EAAM,CAAK;GAAc,GAA/C,CAA+C,CAAC,EAAiB,CAAA,CACnH;EACR,CAAA,GAAA,kBAAC,GAAD;GAAa,GAAI;GAAG,SAAS,EAAE,WAAW;GAAW,OAAO;GAAc;GAAQ,UAAA;EAAU,CAAA,CAC5E;;AAEtB"}