@haneinfo/frontend-instances 0.6.0 → 0.8.0

package/dist/ui.js

@@ -0,0 +1,169 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Small presentational building blocks shared by the instance pages. Colors come only from the
+ * host's design tokens (see README "Design tokens"); nothing here hard-codes a color value.
+ */
+import { Button, cn } from '@haneinfo/frontend-shell';
+import { AlertCircle, AlertTriangle, ChevronDown, RotateCw, X } from 'lucide-react';
+import { useId, useRef, useState, } from 'react';
+/** At least 44 px touch targets on narrow (touch) screens; desktop keeps the compact density. */
+export const touch = 'max-md:min-h-11 max-md:min-w-11';
+export const cardClass = 'min-w-0 rounded-xl bg-card text-card-foreground ring-1 ring-foreground/10';
+export const fieldClass = 'min-w-0 w-full rounded-lg border border-input bg-transparent px-3 py-1.5 text-base md:text-sm outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive dark:bg-input/30';
+export function Card({ className, ...props }) {
+    return _jsx("section", { className: cn(cardClass, className), ...props });
+}
+export function CardHeader({ title, titleId, description, action, level = 2, }) {
+    const Heading = level === 2 ? 'h2' : 'h3';
+    return (_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 border-b px-4 py-3 sm:px-5", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx(Heading, { id: titleId, className: "font-heading font-medium text-base leading-snug", children: title }), description && _jsx("p", { className: "text-muted-foreground text-sm", children: description })] }), action && _jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: action })] }));
+}
+export function NativeSelect({ className, ...props }) {
+    return (_jsxs("div", { className: cn('relative min-w-0 has-[select:disabled]:opacity-50', className), children: [_jsx("select", { className: cn(fieldClass, 'h-9 appearance-none py-1 pr-8 max-md:h-11 [&>option]:bg-[Canvas] [&>option]:text-[CanvasText]'), ...props }), _jsx(ChevronDown, { "aria-hidden": "true", className: "pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 text-muted-foreground" })] }));
+}
+export function TextArea({ className, ...props }) {
+    return _jsx("textarea", { className: cn(fieldClass, 'min-h-24 resize-y', className), ...props });
+}
+const toneClass = {
+    neutral: 'border-border bg-muted text-foreground',
+    info: 'border-tone-info/30 bg-tone-info-soft text-tone-info',
+    success: 'border-tone-success/30 bg-tone-success-soft text-tone-success',
+    warning: 'border-tone-warning/30 bg-tone-warning-soft text-tone-warning',
+    danger: 'border-tone-danger/30 bg-tone-danger-soft text-tone-danger',
+};
+const dotClass = {
+    neutral: 'bg-muted-foreground',
+    info: 'bg-tone-info',
+    success: 'bg-tone-success',
+    warning: 'bg-tone-warning',
+    danger: 'bg-tone-danger',
+};
+export function toneOf(value) {
+    return value === 'info' || value === 'success' || value === 'warning' || value === 'danger'
+        ? value
+        : 'neutral';
+}
+/** The state as text plus a tone; the color never carries the meaning on its own. */
+export function StateBadge({ label, tone, className, routing = false, }) {
+    const value = toneOf(tone);
+    return (_jsxs("span", { "data-slot": "state-badge", "data-tone": value, className: cn('inline-flex max-w-full items-center gap-1.5 rounded-full border px-2.5 py-0.5 font-medium text-xs leading-5', toneClass[value], className), children: [routing ? (_jsx(AlertTriangle, { "aria-hidden": "true", className: "size-3.5 shrink-0" })) : (_jsx("span", { "aria-hidden": "true", className: cn('size-1.5 shrink-0 rounded-full', dotClass[value]) })), _jsx("span", { className: "min-w-0 [overflow-wrap:anywhere]", children: label })] }));
+}
+export function ToneDot({ tone }) {
+    return (_jsx("span", { "aria-hidden": "true", className: cn('inline-block size-2 shrink-0 rounded-full', dotClass[toneOf(tone)]) }));
+}
+export function Tag({ children, className }) {
+    return (_jsx("span", { className: cn('inline-flex max-w-full items-center rounded-md border bg-secondary px-2 py-0.5 text-secondary-foreground text-xs leading-5 [overflow-wrap:anywhere]', className), children: children }));
+}
+/** A removable filter or tag chip; the remove button carries a readable name. */
+export function Chip({ children, removeLabel, onRemove, disabled, }) {
+    return (_jsxs("span", { className: "inline-flex max-w-full items-center gap-1 rounded-full border bg-background py-0.5 pr-0.5 pl-3 text-sm max-md:min-h-11", children: [_jsx("span", { className: "min-w-0 [overflow-wrap:anywhere]", children: children }), onRemove && (_jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": removeLabel, disabled: disabled, className: cn('rounded-full', touch), onClick: onRemove, children: _jsx(X, { "aria-hidden": "true" }) }))] }));
+}
+export function EmptyState({ icon, title, description, action, className, }) {
+    return (_jsxs("div", { "data-slot": "empty-state", className: cn('flex w-full min-w-0 flex-col items-center justify-center gap-3 rounded-xl border border-dashed px-6 py-10 text-center', className), children: [icon && (_jsx("div", { "aria-hidden": "true", className: "flex size-10 items-center justify-center rounded-lg bg-muted text-foreground [&_svg]:size-5", children: icon })), _jsxs("div", { className: "flex max-w-md flex-col gap-1", children: [_jsx("p", { className: "font-medium text-sm", children: title }), description && (_jsx("p", { className: "text-balance text-muted-foreground text-sm/relaxed", children: description }))] }), action && _jsx("div", { className: "flex flex-wrap justify-center gap-2", children: action })] }));
+}
+/** A translated, retryable failure; no technical detail is ever shown. */
+export function ErrorState({ title, description, retryLabel, onRetry, action, }) {
+    return (_jsxs("div", { role: "alert", className: "flex w-full min-w-0 flex-col items-start gap-3 rounded-xl border border-destructive/30 bg-destructive/5 p-4 sm:flex-row sm:items-center", children: [_jsx(AlertCircle, { "aria-hidden": "true", className: "size-5 shrink-0 text-destructive" }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx("p", { className: "font-medium text-sm", children: title }), description && _jsx("p", { className: "text-foreground/80 text-sm", children: description })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [onRetry && retryLabel && (_jsxs(Button, { type: "button", variant: "outline", className: touch, onClick: onRetry, children: [_jsx(RotateCw, { "aria-hidden": "true", "data-icon": "inline-start" }), retryLabel] })), action] })] }));
+}
+/** Page-level retry: reloads the current route (server components re-render on reload). */
+export function ReloadButton({ label }) {
+    return (_jsxs(Button, { type: "button", variant: "outline", className: touch, onClick: () => window.location.reload(), children: [_jsx(RotateCw, { "aria-hidden": "true", "data-icon": "inline-start" }), label] }));
+}
+export function Skeleton({ className }) {
+    return (_jsx("div", { "aria-hidden": "true", className: cn('rounded-md bg-muted motion-safe:animate-pulse', className) }));
+}
+/** `<time>` with the full date and time on hover and, when focusable, on keyboard focus. */
+export function DateTimeText({ iso, text, full, focusable = false, className, children, }) {
+    const id = useId();
+    if (!focusable)
+        return (_jsxs("time", { dateTime: iso, title: full, className: className, children: [text, children] }));
+    return (_jsxs("span", { className: "group/time relative inline-flex", children: [_jsxs("time", { dateTime: iso, 
+                // biome-ignore lint/a11y/noNoninteractiveTabindex: the full time must be reachable by keyboard focus.
+                tabIndex: 0, "aria-describedby": `${id}-full`, className: cn('rounded-sm outline-none focus-visible:ring-3 focus-visible:ring-ring/50', className), children: [text, children] }), _jsx("span", { id: `${id}-full`, role: "tooltip", className: "pointer-events-none invisible absolute bottom-full left-0 z-30 mb-1 w-max max-w-72 rounded-md bg-foreground px-2.5 py-1.5 text-background text-xs opacity-0 shadow-md group-focus-within/time:visible group-focus-within/time:opacity-100 group-hover/time:visible group-hover/time:opacity-100 motion-safe:transition-opacity", children: full })] }));
+}
+function ValueText({ display, labels: t }) {
+    const [expanded, setExpanded] = useState(false);
+    const id = useId();
+    switch (display.kind) {
+        case 'empty':
+            return (_jsxs("span", { className: "text-muted-foreground", children: [_jsx("span", { "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: t.valueEmpty })] }));
+        case 'text':
+            if (!display.long)
+                return (_jsx("span", { className: cn('[overflow-wrap:anywhere]', display.multiline && 'whitespace-pre-wrap'), children: display.text }));
+            return (_jsxs("span", { className: "flex flex-col items-start gap-1", children: [_jsx("span", { id: id, className: cn('whitespace-pre-wrap [overflow-wrap:anywhere]', !expanded && 'line-clamp-4'), children: display.text }), _jsx(Button, { type: "button", variant: "link", size: "sm", className: cn('h-auto px-0', touch), "aria-expanded": expanded, "aria-controls": id, onClick: () => setExpanded(!expanded), children: expanded ? t.showLess : t.showMore })] }));
+        case 'date':
+        case 'datetime':
+            return _jsx(DateTimeText, { iso: display.iso, text: display.text, full: display.full });
+        case 'option':
+            return display.known ? (_jsx("span", { children: display.text })) : (_jsxs("span", { className: "[overflow-wrap:anywhere]", children: [display.text, ' ', _jsx("span", { className: "rounded-sm border border-dashed px-1 text-muted-foreground text-xs", children: t.valueUnknownOption })] }));
+        case 'options':
+            return (_jsx("span", { className: "flex flex-wrap gap-1", children: display.items.map((item, index) => (
+                // biome-ignore lint/suspicious/noArrayIndexKey: values may repeat; order is the identity.
+                _jsxs(Tag, { className: item.known ? undefined : 'border-dashed', children: [item.text, !item.known && _jsxs("span", { className: "sr-only", children: [" ", t.valueUnknownOption] })] }, index))) }));
+        case 'user':
+            return (_jsx("span", { className: display.known ? undefined : 'text-muted-foreground', children: display.text }));
+        case 'invalid':
+            return (_jsxs("span", { className: "text-muted-foreground [overflow-wrap:anywhere]", children: [display.text, _jsxs("span", { className: "sr-only", children: [" ", t.valueInvalid] })] }));
+        case 'table':
+            return _jsx(SubformTable, { display: display, labels: t });
+        default:
+            return _jsx("span", { children: display.text });
+    }
+}
+/** One rendered value; computed (formula) values are marked as such. */
+export function FieldValue({ display, labels: t }) {
+    if (display.kind === 'table')
+        return _jsx(SubformTable, { display: display, labels: t });
+    return (_jsxs("span", { className: "inline-flex min-w-0 max-w-full flex-wrap items-baseline gap-x-2 gap-y-1", children: [_jsx(ValueText, { display: display, labels: t }), display.computed && display.kind !== 'empty' && (_jsx("span", { className: "rounded-sm bg-muted px-1.5 py-0.5 text-foreground text-xs", children: t.valueComputed }))] }));
+}
+/** A subform as a small table on wide screens and stacked rows on narrow screens. */
+export function SubformTable({ display, labels: t, }) {
+    if (!display.rows.length)
+        return _jsx("span", { className: "text-muted-foreground", children: t.subformEmpty });
+    return (_jsxs("div", { className: "w-full min-w-0", children: [_jsx("div", { className: "hidden overflow-x-auto rounded-lg border sm:block", children: _jsxs("table", { className: "w-full text-left text-sm", children: [_jsx("thead", { className: "bg-muted/50", children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "w-12 px-3 py-2 font-medium", children: "#" }), display.columns.map((column) => (_jsx("th", { scope: "col", className: "px-3 py-2 font-medium", children: column.label }, column.id)))] }) }), _jsx("tbody", { children: display.rows.map((row, index) => (
+                            // biome-ignore lint/suspicious/noArrayIndexKey: subform rows have no identity of their own.
+                            _jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "px-3 py-2 text-muted-foreground tabular-nums", children: index + 1 }), row.map((cell, column) => (_jsx("td", { className: "px-3 py-2", children: _jsx(FieldValue, { display: cell, labels: t }) }, display.columns[column]?.id ?? column)))] }, index))) })] }) }), _jsx("ol", { className: "flex w-full flex-col gap-2 sm:hidden", children: display.rows.map((row, index) => (
+                // biome-ignore lint/suspicious/noArrayIndexKey: subform rows have no identity of their own.
+                _jsxs("li", { className: "rounded-lg border p-3", children: [_jsx("p", { className: "mb-2 font-medium text-muted-foreground text-xs", children: t.subformRow.replace('{index}', String(index + 1)) }), _jsx("dl", { className: "grid gap-2", children: row.map((cell, column) => (_jsxs("div", { className: "grid gap-0.5", children: [_jsx("dt", { className: "text-muted-foreground text-xs", children: display.columns[column]?.label }), _jsx("dd", { className: "text-sm", children: _jsx(FieldValue, { display: cell, labels: t }) })] }, display.columns[column]?.id ?? column))) })] }, index))) })] }));
+}
+/** WAI-ARIA tabs with automatic activation and roving focus; every panel stays mounted. */
+export function Tabs({ label, items, value, onValueChange, }) {
+    const base = useId();
+    const refs = useRef([]);
+    const index = Math.max(0, items.findIndex((item) => item.id === value));
+    const move = (event) => {
+        const keys = {
+            ArrowRight: index + 1,
+            ArrowLeft: index - 1,
+            Home: 0,
+            End: items.length - 1,
+        };
+        if (!(event.key in keys))
+            return;
+        event.preventDefault();
+        const next = (keys[event.key] + items.length) % items.length;
+        onValueChange(items[next].id);
+        refs.current[next]?.focus();
+    };
+    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-4", children: [_jsx("div", { role: "tablist", "aria-label": label, className: "-mx-1 flex min-w-0 gap-1 overflow-x-auto border-b px-1 [scrollbar-width:thin]", children: items.map((item, position) => {
+                    const active = position === index;
+                    return (_jsxs("button", { ref: (element) => {
+                            refs.current[position] = element;
+                        }, type: "button", role: "tab", id: `${base}-tab-${item.id}`, "aria-controls": `${base}-panel-${item.id}`, "aria-selected": active, tabIndex: active ? 0 : -1, onClick: () => onValueChange(item.id), onKeyDown: move, className: cn('relative -mb-px inline-flex h-10 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-t-md border-b-2 px-2 font-medium text-sm sm:gap-2 sm:px-3 outline-none max-md:h-11 focus-visible:ring-3 focus-visible:ring-ring/50 motion-safe:transition-colors', active
+                            ? 'border-foreground text-foreground'
+                            : 'border-transparent text-muted-foreground hover:text-foreground'), children: [item.label, item.count !== undefined && (_jsx("span", { className: cn('min-w-5 rounded-full px-1.5 text-center text-xs tabular-nums leading-5', active ? 'bg-foreground text-background' : 'bg-muted text-foreground'), children: item.count }))] }, item.id));
+                }) }), items.map((item, position) => (_jsx("div", { role: "tabpanel", id: `${base}-panel-${item.id}`, "aria-labelledby": `${base}-tab-${item.id}`, hidden: position !== index, className: "min-w-0 outline-none", children: item.content }, item.id)))] }));
+}
+/** Replaces `{name}` placeholders with nodes; user content stays text nodes. */
+export function fillTemplate(template, values) {
+    const parts = template.split(/(\{\w+\})/g);
+    return parts.map((part, index) => {
+        const match = /^\{(\w+)\}$/.exec(part);
+        // biome-ignore lint/suspicious/noArrayIndexKey: template parts are positional and static.
+        return match ? _jsx("span", { children: values[match[1]] ?? '' }, index) : part;
+    });
+}
+export function fillText(template, values) {
+    return template.replace(/\{(\w+)\}/g, (_, key) => String(values[key] ?? ''));
+}
+//# sourceMappingURL=ui.js.map

package/dist/ui.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haneinfo/frontend-instances",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "private": false,
   "type": "module",
   "description": "Shared instance lists, collaboration and import/export pages",
@@ -27,9 +27,10 @@
     "csv-parse": "^6.1.0",
     "exceljs": "^4.4.0",
     "server-only": "^0.0.1",
-    "@haneinfo/frontend-shell": "1.5.0"
+    "@haneinfo/frontend-shell": "1.6.0"
   },
   "peerDependencies": {
+    "lucide-react": "^1.22.0",
     "next": "^16.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
@@ -38,6 +39,7 @@
     "@types/node": "^24.13.0",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
+    "lucide-react": "^1.22.0",
     "next": "^16.3.1",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",