@skillcdn/console 0.0.0-stage → 0.1.1

package/dist/components/ui.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Small building blocks. Each one is a class in styles/console.css and nothing more. Classes
+// are prefixed `sc-` so that a custom console's own styles never collide with them.
+export function cx(...names) {
+    return names.filter(Boolean).join(" ");
+}
+export function Button(props) {
+    const { variant = "secondary", size = "md", className, type = "button", ...rest } = props;
+    return (_jsx("button", { ...rest, type: type, className: cx("sc-button", `sc-button-${variant}`, size === "sm" && "sc-button-sm", className) }));
+}
+export function Badge(props) {
+    return (_jsx("span", { className: cx("sc-badge", `sc-badge-${props.tone ?? "neutral"}`), title: props.title, children: props.children }));
+}
+export function Callout(props) {
+    const tone = props.tone ?? "info";
+    return (_jsxs("div", { className: cx("sc-callout", `sc-callout-${tone}`), role: tone === "danger" ? "alert" : "status", children: [_jsxs("div", { children: [props.title !== undefined && _jsx("p", { className: "sc-callout-title", children: props.title }), props.children !== undefined && _jsx("div", { className: "sc-callout-body", children: props.children })] }), props.action] }));
+}
+/**
+ * A person's picture as the git host serves it: loaded lazily, without a referrer, and gone as
+ * a whole when there is none or it cannot be loaded, leaving the initial of the login instead.
+ */
+export function Avatar(props) {
+    const size = props.size ?? "md";
+    const initial = props.person.login.slice(0, 1).toUpperCase();
+    if (props.person.avatar === null) {
+        return (_jsx("span", { className: cx("sc-avatar", "sc-avatar-initial", `sc-avatar-${size}`), "aria-hidden": "true", children: initial }));
+    }
+    return (_jsx("img", { className: cx("sc-avatar", `sc-avatar-${size}`), src: props.person.avatar, alt: "", loading: "lazy", decoding: "async", referrerPolicy: "no-referrer" }));
+}
+/** A person, as a picture and a name, wherever one is named. */
+export function PersonChip(props) {
+    return (_jsxs("span", { className: "sc-person", title: props.person.name ?? props.person.login, children: [_jsx(Avatar, { person: props.person, size: props.size ?? "sm" }), _jsx("span", { className: "sc-person-login", children: props.person.login })] }));
+}
+/** The words of the vocabulary as people read them. */
+export const STATE_LABELS = {
+    idea: "Idea",
+    ready: "Ready",
+    in_progress: "In progress",
+    in_review: "In review",
+    done: "Done",
+    dropped: "Dropped",
+};
+export const PRIORITY_LABELS = {
+    low: "Low",
+    normal: "Normal",
+    high: "High",
+    urgent: "Urgent",
+};
+export const ROLE_LABELS = {
+    admin: "Administrator",
+    member: "Member",
+};
+export function RoleBadge(props) {
+    return (_jsx(Badge, { tone: props.role === "admin" ? "point" : "neutral", children: ROLE_LABELS[props.role] }));
+}
+export function StateBadge(props) {
+    const tone = props.state === "done"
+        ? "success"
+        : props.state === "dropped"
+            ? "neutral"
+            : props.state === "in_progress" || props.state === "in_review"
+                ? "accent"
+                : "neutral";
+    return _jsx(Badge, { tone: tone, children: STATE_LABELS[props.state] });
+}
+export function PriorityBadge(props) {
+    if (props.priority === "normal") {
+        return null;
+    }
+    const tone = props.priority === "urgent" ? "danger" : props.priority === "high" ? "point" : "neutral";
+    return _jsx(Badge, { tone: tone, children: PRIORITY_LABELS[props.priority] });
+}
+export function Spinner(props) {
+    return (_jsxs("span", { className: "sc-spinner", role: "status", children: [_jsx("span", { className: "sc-spinner-ring", "aria-hidden": "true" }), _jsx("span", { className: "sc-visually-hidden", children: props.label })] }));
+}
+/** Where there is nothing yet, said plainly, with the way to the first thing. */
+export function EmptyState(props) {
+    return (_jsxs("div", { className: "sc-empty", children: [_jsx("p", { className: "sc-empty-title", children: props.title }), props.body !== undefined && _jsx("p", { className: "sc-empty-body", children: props.body }), props.action !== undefined && _jsx("div", { className: "sc-empty-action", children: props.action })] }));
+}
+/** An instant as people read one: the date, and the time of day. */
+export function formatInstant(iso) {
+    const date = new Date(iso);
+    if (Number.isNaN(date.getTime())) {
+        return iso;
+    }
+    return date.toLocaleString(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+    });
+}
+/** A size in bytes as people read one: `12 B`, `3.4 KB`, `120 MB`. */
+export function formatBytes(size) {
+    if (size < 1024) {
+        return `${size} B`;
+    }
+    const kb = size / 1024;
+    if (kb < 1024) {
+        return `${kb < 10 ? kb.toFixed(1) : Math.round(kb)} KB`;
+    }
+    const mb = kb / 1024;
+    return `${mb < 10 ? mb.toFixed(1) : Math.round(mb)} MB`;
+}
+export function Time(props) {
+    return (_jsx("time", { className: "sc-time", dateTime: props.iso, children: formatInstant(props.iso) }));
+}
+//# sourceMappingURL=ui.js.map

package/dist/components/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/components/ui.tsx"],"names":[],"mappings":"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"}