@magicvr/schema-ui-renderer 0.2.0 → 0.3.0

package/components/account-session-toolbar.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function AccountSessionToolbar(_props: CustomComponentProps): import("react").JSX.Element;

package/components/activity-export.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function ActivityExport({ node }: CustomComponentProps): import("react").JSX.Element;

package/components/cron-preview.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function CronPreview(props: CustomComponentProps): import("react").JSX.Element;

package/components/data-permission-scopes.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function DataPermissionScopes(_props: CustomComponentProps): import("react").JSX.Element;

package/components/data-table.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from "react";
+export type SortOrder = "asc" | "desc";
+export interface SortState {
+    field: string;
+    order: SortOrder;
+}
+export interface DataTableColumn<T> {
+    key: string;
+    /** Cell content or header node (checkboxes render in headers for selection). */
+    label: ReactNode;
+    sortable?: boolean;
+    /** W4 · GOAL-005: render the string fallback single-line truncated with a
+     *  native title full-text affordance so long values do not crowd out
+     *  sibling columns. Custom render cells are unaffected. Since the
+     *  table-style refresh every string cell truncates by default; this flag
+     *  is kept for schema declarations that opt into the 16rem cap. */
+    truncate?: boolean;
+    /** Column width hint (px number or CSS length). Content-driven auto layout
+     *  otherwise; a column that declares a width skips the default max-width
+     *  cap so it can exceed it (table-layout auto still grows on content). */
+    width?: number | string;
+    /** Minimum column width (px number or CSS length). */
+    minWidth?: number | string;
+    render?: (row: T) => ReactNode;
+}
+export interface DataTableProps<T> {
+    columns: DataTableColumn<T>[];
+    rows: T[];
+    rowKey: (row: T) => string;
+    sort?: SortState;
+    onSortChange?: (sort: SortState | null) => void;
+    loading?: boolean;
+    error?: string | null;
+    emptyMessage?: string;
+    caption?: string;
+    /** Invoked when a data row is clicked (row selection, S4 · GOAL-007). */
+    onRowClick?: (row: T) => void;
+    /** Row key of the currently selected row (highlight), S4 · GOAL-007. */
+    selectedKey?: string;
+    /** W15-F02: retry control shown in the error state. */
+    onRetry?: () => void;
+}
+export declare function DataTable<T>({ columns, rows, rowKey, sort, onSortChange, loading, error, emptyMessage, caption, onRowClick, selectedKey, onRetry, }: DataTableProps<T>): import("react").JSX.Element;

package/components/email-identity.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function EmailIdentityCard(_props: CustomComponentProps): import("react").JSX.Element;

package/components/force-password-change.d.ts

@@ -0,0 +1 @@
+export declare function ForcePasswordChange(): import("react").JSX.Element;

package/components/import-template-download.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function ImportTemplateDownload(_props: CustomComponentProps): import("react").JSX.Element;

package/components/invite-accept.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Public invitation acceptance surface (workspace-019 R3 · GOAL-004 C4):
+ * mounted at /invite/accept?token=… for unauthenticated visitors. Success
+ * returns WITHOUT tokens — the new user signs in with their chosen password.
+ */
+export declare function InviteAcceptPage(): import("react").JSX.Element;

package/components/invite-issue-card.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Invitation issue card (workspace-019): the create operation PLUS one-time
+ * link disclosure for creation and resend. The records list lives on the
+ * schema table of the same page; resend accepts the invite id from the table
+ * (column "id") because the schema engine cannot disclose response bodies.
+ */
+export declare function InviteIssueCard(_props: unknown): import("react").JSX.Element;

package/components/invite-resend-dialog.d.ts

@@ -0,0 +1,9 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+/**
+ * Resend dialog (workspace-019, protocol modal action): the row-level
+ * "Resend" opens this modal with the triggering invite in context.modalRow
+ * (renderer injects it for modal content). Sending rotates the token via the
+ * admin API and discloses the ONE-TIME link inline — the schema engine cannot
+ * stream response bodies into the page, so the modal is the interaction.
+ */
+export declare function InviteResendDialog(props: CustomComponentProps): import("react").JSX.Element;

package/components/locale-switcher.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Language switcher (S1 · C4) — refactored to a lightweight header
+ * dropdown (2026-08-14, user request):
+ *
+ * - Trigger: pure icon button (lucide Languages), same size/shape as the
+ *   theme toggle and notification bell (size-9 rounded-md ghost).
+ * - Menu: absolutely positioned panel (NO portal — the app root carries
+ *   the `dark` class, so the panel inherits the dark theme variables
+ *   automatically; no Radix/Headless portal scope issue).
+ * - Dark-mode styling via design tokens (shadcn convention): bg-popover
+ *   resolves to ~neutral-900 in dark, border-border to white/10
+ *   (~neutral-800), accent hover to ~neutral-800, popover-foreground to
+ *   ~neutral-200 — exactly the requested palette; light mode stays
+ *   correct automatically.
+ * - Selected item shows a checkmark (lucide Check) on the right.
+ *
+ * Reachable from the Shell and the anonymous login page — no settings
+ * permission required (VP-007 requirement).
+ */
+export interface LocaleSwitcherProps {
+    className?: string;
+}
+export declare function LocaleSwitcher({ className }: LocaleSwitcherProps): import("react").JSX.Element;

package/components/mail-admin-tab.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function MailAdminTab(_props: CustomComponentProps): import("react").JSX.Element;

package/components/mfa-manager.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function MfaManager(_props: CustomComponentProps): import("react").JSX.Element;

package/components/monitoring-auto-refresh.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function MonitoringAutoRefresh(_props: CustomComponentProps): import("react").JSX.Element;

package/components/notification-center.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function NotificationCenter({ node, context }: CustomComponentProps): import("react").JSX.Element;

package/components/password-policy-tab.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Password-policy configuration block (workspace-019 R3 · GOAL-004 D-001
+ * §2): the admin.settings tab extension. GET/PATCH /api/settings/password-
+ * policy; the server enforces range validation (8–72 / 0–4 / 0–10).
+ */
+export declare function PasswordPolicyTab(_props: unknown): import("react").JSX.Element;

package/components/qr-code.d.ts

@@ -0,0 +1,16 @@
+export interface QrCodeProps {
+    /** Text to encode (e.g. an otpauth:// URI). Empty → renders nothing. */
+    value: string;
+    /** Rendered size in CSS pixels (the matrix is square). */
+    size?: number;
+    /** Extra class names for the wrapping figure. */
+    className?: string;
+    /** Accessible label. */
+    label?: string;
+}
+/**
+ * Renders the QR module matrix as SVG. Each dark module becomes a 1×1 rect in
+ * a unit viewBox scaled to `size`; a white background rect keeps scanners
+ * happy (quiet zone included via the 4-module default margin of the encoder).
+ */
+export declare function QrCode({ value, size, className, label }: QrCodeProps): import("react").JSX.Element | null;

package/components/theme-toggle.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Theme toggle (S1 · C3) — W8 visual unification (GOAL-009):
+ *
+ * The trigger now matches the neighbouring header icon buttons (language
+ * switcher and notification bell): size-9 rounded-md ghost with
+ * text-muted-foreground + hover:bg-accent — instead of the form-styled
+ * outline Button. The tooltip / aria-label follow the active locale via
+ * the i18n catalog (shell.theme.toggle) — no hardcoded English.
+ */
+export declare function ThemeToggle(): import("react").JSX.Element;

package/components/timezone-switcher.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Timezone switcher (workspace-020 · R2 · C2).
+ *
+ * User-level timezone override next to the language switcher in the header
+ * locale channel (contract GOAL-002 D-001 §4.2): persists via the single
+ * localStorage channel "schema-ui:timezone"; "auto" removes the key.
+ * The option list is the documented common set (contract §6 permits a
+ * verifiable, extendable list); the effective timezone always degrades
+ * safely through the L1–L4 resolver in i18n/timezone.
+ */
+/** Common IANA set offered in the header menu (extendable per contract §6). */
+export declare const TIMEZONE_OPTIONS: readonly string[];
+export interface TimezoneSwitcherProps {
+    className?: string;
+}
+export declare function TimezoneSwitcher({ className }: TimezoneSwitcherProps): import("react").JSX.Element;

package/components/wallet-ensure.d.ts

@@ -0,0 +1,2 @@
+import { type CustomComponentProps } from "@schema-ui/renderer/renderer/custom-components";
+export declare function WalletEnsure(_props: CustomComponentProps): import("react").JSX.Element;