@nestjs-dash/nestjs 0.1.1

package/dist/providers/admin-panel.bootstrap.js.map

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

package/dist/providers/admin-resource.explorer.d.ts

@@ -0,0 +1,8 @@
+import { DiscoveryService, Reflector } from '@nestjs/core';
+export declare class AdminResourceExplorer {
+    private readonly discovery;
+    private readonly reflector;
+    constructor(discovery: DiscoveryService, reflector: Reflector);
+    discover(): void;
+}
+//# sourceMappingURL=admin-resource.explorer.d.ts.map

package/dist/providers/admin-resource.explorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-resource.explorer.d.ts","sourceRoot":"","sources":["../../src/providers/admin-resource.explorer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ3D,qBACa,qBAAqB;IAE9B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS;gBADT,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,SAAS;IAGvC,QAAQ,IAAI,IAAI;CAiBjB"}

package/dist/providers/admin-resource.explorer.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Injectable } from '@nestjs/common';
+import { DiscoveryService, Reflector } from '@nestjs/core';
+import { ADMIN_RESOURCE_METADATA } from '../decorators/admin-resource.decorator.js';
+import { registerAdminResources } from './admin-resource.registry.js';
+let AdminResourceExplorer = class AdminResourceExplorer {
+    constructor(discovery, reflector) {
+        this.discovery = discovery;
+        this.reflector = reflector;
+    }
+    discover() {
+        const discovered = [];
+        for (const wrapper of this.discovery.getProviders()) {
+            const metatype = wrapper.metatype;
+            if (!metatype || typeof metatype !== 'function') {
+                continue;
+            }
+            const flagged = this.reflector.get(ADMIN_RESOURCE_METADATA, metatype);
+            if (!flagged) {
+                continue;
+            }
+            discovered.push(metatype);
+        }
+        if (discovered.length) {
+            registerAdminResources(discovered);
+        }
+    }
+};
+AdminResourceExplorer = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [DiscoveryService,
+        Reflector])
+], AdminResourceExplorer);
+export { AdminResourceExplorer };
+//# sourceMappingURL=admin-resource.explorer.js.map

package/dist/providers/admin-resource.explorer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-resource.explorer.js","sourceRoot":"","sources":["../../src/providers/admin-resource.explorer.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAO/D,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAChC,YACmB,SAA2B,EAC3B,SAAoB;QADpB,cAAS,GAAT,SAAS,CAAkB;QAC3B,cAAS,GAAT,SAAS,CAAW;IACpC,CAAC;IAEJ,QAAQ;QACN,MAAM,UAAU,GAAoB,EAAE,CAAC;QACvC,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,CAAC;YACpD,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;YAClC,IAAI,CAAC,QAAQ,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;gBAChD,SAAS;YACX,CAAC;YACD,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAsB,uBAAuB,EAAE,QAAQ,CAAC,CAAC;YAC3F,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,SAAS;YACX,CAAC;YACD,UAAU,CAAC,IAAI,CAAC,QAAyB,CAAC,CAAC;QAC7C,CAAC;QACD,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC;YACtB,sBAAsB,CAAC,UAAU,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;CACF,CAAA;AAvBY,qBAAqB;IADjC,UAAU,EAAE;qCAGmB,gBAAgB;QAChB,SAAS;GAH5B,qBAAqB,CAuBjC"}

package/dist/providers/admin-resource.registry.d.ts

@@ -0,0 +1,9 @@
+import { type ResourceClass } from '@nestjs-dash/core';
+export declare class AdminResourceRegistry {
+    register(resources: ResourceClass[]): void;
+    getResources(): ResourceClass[];
+}
+export declare function registerAdminResources(resources: ResourceClass[]): void;
+export declare function getRegisteredAdminResources(): ResourceClass[];
+export declare function clearRegisteredAdminResources(): void;
+//# sourceMappingURL=admin-resource.registry.d.ts.map

package/dist/providers/admin-resource.registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-resource.registry.d.ts","sourceRoot":"","sources":["../../src/providers/admin-resource.registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAU5E,qBACa,qBAAqB;IAChC,QAAQ,CAAC,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI;IAI1C,YAAY,IAAI,aAAa,EAAE;CAGhC;AAED,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,CAUvE;AAED,wBAAgB,2BAA2B,IAAI,aAAa,EAAE,CAE7D;AAGD,wBAAgB,6BAA6B,IAAI,IAAI,CAEpD"}

package/dist/providers/admin-resource.registry.js

@@ -0,0 +1,39 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { resolveResourceSlug } from '@nestjs-dash/core';
+import { Injectable } from '@nestjs/common';
+const sharedResources = [];
+let AdminResourceRegistry = class AdminResourceRegistry {
+    register(resources) {
+        registerAdminResources(resources);
+    }
+    getResources() {
+        return getRegisteredAdminResources();
+    }
+};
+AdminResourceRegistry = __decorate([
+    Injectable()
+], AdminResourceRegistry);
+export { AdminResourceRegistry };
+export function registerAdminResources(resources) {
+    const seen = new Set(sharedResources.map((resource) => resolveResourceSlug(resource)));
+    for (const resource of resources) {
+        const slug = resolveResourceSlug(resource);
+        if (seen.has(slug)) {
+            continue;
+        }
+        seen.add(slug);
+        sharedResources.push(resource);
+    }
+}
+export function getRegisteredAdminResources() {
+    return [...sharedResources];
+}
+export function clearRegisteredAdminResources() {
+    sharedResources.length = 0;
+}
+//# sourceMappingURL=admin-resource.registry.js.map

package/dist/providers/admin-resource.registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-resource.registry.js","sourceRoot":"","sources":["../../src/providers/admin-resource.registry.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAO5C,MAAM,eAAe,GAAoB,EAAE,CAAC;AAGrC,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAChC,QAAQ,CAAC,SAA0B;QACjC,sBAAsB,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC;IAED,YAAY;QACV,OAAO,2BAA2B,EAAE,CAAC;IACvC,CAAC;CACF,CAAA;AARY,qBAAqB;IADjC,UAAU,EAAE;GACA,qBAAqB,CAQjC;;AAED,MAAM,UAAU,sBAAsB,CAAC,SAA0B;IAC/D,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACvF,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QACjC,MAAM,IAAI,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAC3C,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YACnB,SAAS;QACX,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACf,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,2BAA2B;IACzC,OAAO,CAAC,GAAG,eAAe,CAAC,CAAC;AAC9B,CAAC;AAGD,MAAM,UAAU,6BAA6B;IAC3C,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;AAC7B,CAAC"}

package/dist/react/admin-app.d.ts

@@ -0,0 +1,14 @@
+import type { SchemaNode } from '@nestjs-dash/support';
+import type { AdminPageProps, ListPageProps } from './types.js';
+export declare function RowActions(props: {
+    path: string;
+    resource: ListPageProps['resource'];
+    record: Record<string, unknown>;
+}): import("react").JSX.Element;
+export declare function ToolbarActions(props: {
+    path: string;
+    resource: ListPageProps['resource'];
+}): import("react").JSX.Element | null;
+export declare function AdminApp(props: AdminPageProps): import("react").JSX.Element | null;
+export type { SchemaNode };
+//# sourceMappingURL=admin-app.d.ts.map

package/dist/react/admin-app.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-app.d.ts","sourceRoot":"","sources":["../../src/react/admin-app.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAc,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,KAAK,EACR,cAAc,EAMd,aAAa,EAKhB,MAAM,YAAY,CAAC;AA+UpB,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC,+BA0IA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;CAAE,sCAiE1F;AAujBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,cAAc,sCAmB7C;AAGD,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/react/admin-app.js

@@ -0,0 +1,421 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ACTION_COLOR_VARIANT, resolveActionDialog, } from '@nestjs-dash/core';
+import { AdminShell, Alert, AlertDescription, Badge, BADGE_COLOR_CLASSES, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, ChartWidget, ConfirmDialog, DataTable, Icon, ImagePlaceholder, Input, Label, SchemaFields, SchemaForm, Tabs, TabsContent, TabsList, TabsTrigger, ThemeToggle, Tooltip, TooltipContent, TooltipTrigger, } from '@nestjs-dash/design-system';
+import { Fragment, useState } from 'react';
+function imageCellSrc(value) {
+    if (value == null || value === '')
+        return '';
+    if (typeof value === 'string') {
+        try {
+            const parsed = JSON.parse(value);
+            if (Array.isArray(parsed) && parsed[0] && typeof parsed[0] === 'object') {
+                const item = parsed[0];
+                return String(item.url || item.path || '');
+            }
+        }
+        catch {
+        }
+        return value;
+    }
+    if (typeof value === 'object' && value !== null) {
+        const item = value;
+        return String(item.url || item.path || '');
+    }
+    return '';
+}
+function renderListCell(column, record) {
+    const name = String(column.name ?? '');
+    const raw = record[name];
+    if (column.kind === 'image-column') {
+        const shape = String(column.props.shape ?? 'square') === 'circle' ? 'circle' : 'square';
+        const src = imageCellSrc(raw);
+        if (!src) {
+            return _jsx(ImagePlaceholder, { shape: shape, size: "sm", "aria-label": `${name} placeholder` });
+        }
+        const cls = shape === 'circle'
+            ? 'size-10 rounded-full border border-border object-cover align-middle'
+            : 'size-10 rounded-md border border-border object-cover align-middle';
+        return _jsx("img", { className: cls, src: src, alt: "" });
+    }
+    return String(raw ?? '');
+}
+function appendListQueryParams(params, query) {
+    if (query?.search)
+        params.set('search', query.search);
+    if (query?.filter) {
+        for (const [key, value] of Object.entries(query.filter)) {
+            const raw = Array.isArray(value) ? value[0] : value;
+            if (raw != null && String(raw).length > 0) {
+                params.set(`filter.${key}`, String(raw));
+            }
+        }
+    }
+    if (query?.filtersOpen)
+        params.set('filtersOpen', '1');
+    if (query?.withDeleted)
+        params.set('withDeleted', '1');
+}
+function serializeSortBy(sortBy) {
+    if (!sortBy?.length)
+        return undefined;
+    return sortBy.map(([column, direction]) => `${column}:${direction}`).join(',');
+}
+function buildListHref(path, slug, query, page, limit) {
+    const params = new URLSearchParams();
+    appendListQueryParams(params, query);
+    const sortBy = serializeSortBy(query?.sortBy);
+    if (sortBy)
+        params.set('sortBy', sortBy);
+    params.set('page', String(page));
+    params.set('limit', String(limit));
+    return `${path}/${slug}?${params.toString()}`;
+}
+function buildSortHref(path, slug, query, limit, column, direction) {
+    const params = new URLSearchParams();
+    appendListQueryParams(params, query);
+    params.set('sortBy', `${column}:${direction}`);
+    params.set('page', '1');
+    params.set('limit', String(limit));
+    return `${path}/${slug}?${params.toString()}`;
+}
+function DashboardWidgetView({ widget }) {
+    if (widget.type === 'chart') {
+        return _jsx(ChartWidget, { spec: widget.chart });
+    }
+    return _jsx("div", { dangerouslySetInnerHTML: { __html: widget.html } });
+}
+function WidgetGrid({ widgets, className = 'mt-6', }) {
+    if (widgets.main.length === 0 && widgets.side.length === 0) {
+        return null;
+    }
+    return (_jsxs("div", { className: `${className} grid grid-cols-1 gap-4 lg:grid-cols-[2fr_1fr]`, children: [_jsx("div", { className: "flex flex-col gap-4", children: widgets.main.map((widget, index) => (_jsx(DashboardWidgetView, { widget: widget }, index))) }), widgets.side.length > 0 ? (_jsx("div", { className: "flex flex-col gap-4", children: widgets.side.map((widget, index) => (_jsx(DashboardWidgetView, { widget: widget }, index))) })) : null] }));
+}
+function applyThemeClass(mode) {
+    const dark = mode === 'dark' || (mode === 'system' && matchMedia('(prefers-color-scheme: dark)').matches);
+    document.documentElement.classList.toggle('dark', dark);
+}
+function postJson(url, body) {
+    void fetch(url, {
+        method: 'POST',
+        credentials: 'same-origin',
+        headers: { 'content-type': 'application/json' },
+        body: JSON.stringify(body),
+    });
+}
+function useShellControls(props) {
+    const [mode, setMode] = useState(props.theme ?? 'system');
+    const [, setCollapsed] = useState(() => new Set((props.navigationGroups ?? []).filter((group) => group.collapsed).map((g) => g.label)));
+    function handleThemeChange(next) {
+        setMode(next);
+        applyThemeClass(next);
+        postJson(`${props.path}/_/theme`, { theme: next });
+    }
+    function handleGroupToggle(label, expanded) {
+        setCollapsed((prev) => {
+            const next = new Set(prev);
+            if (expanded) {
+                next.delete(label);
+            }
+            else {
+                next.add(label);
+            }
+            postJson(`${props.path}/_/nav-collapse`, { collapsedGroups: Array.from(next) });
+            return next;
+        });
+    }
+    return {
+        header: _jsx(ThemeToggle, { mode: mode, onChange: handleThemeChange }),
+        onGroupToggle: handleGroupToggle,
+    };
+}
+function DashboardPage(props) {
+    const shell = useShellControls({
+        path: props.path,
+        theme: props.theme,
+        navigationGroups: props.navigationGroups,
+    });
+    return (_jsxs(AdminShell, { model: {
+            brandName: props.brandName,
+            path: props.path,
+            navigation: props.navigation,
+            navigationGroups: props.navigationGroups,
+            breadcrumbs: props.breadcrumbs ?? [{ label: 'Dashboard' }],
+            currentSlug: null,
+        }, header: shell.header, onGroupToggle: shell.onGroupToggle, children: [_jsxs("div", { className: "mb-6", children: [_jsx("h1", { className: "mb-1.5 text-3xl font-semibold", children: "Dashboard" }), _jsxs("p", { className: "m-0 text-muted-foreground", children: ["Welcome to ", props.brandName, ". Choose a resource to manage your data."] })] }), props.cards.length === 0 ? (_jsx(Card, { children: _jsx(CardContent, { className: "pt-6 text-muted-foreground", children: "No resources registered yet." }) })) : (_jsx("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(220px,1fr))] gap-4", children: props.cards.map(({ resource, totalItems }) => (_jsxs("a", { href: `${props.path}/${resource.slug}`, className: "block rounded-lg border border-border bg-card p-5 text-inherit no-underline transition-[border-color,box-shadow] hover:border-primary hover:shadow-lg", children: [_jsx("h2", { className: "mb-2 text-base font-semibold", children: resource.label }), _jsx("div", { className: "text-3xl font-bold text-primary", children: totalItems }), _jsx("div", { className: "mt-2 text-sm text-muted-foreground", children: "Open resource \u2192" })] }, resource.slug))) })), props.widgets ? _jsx(WidgetGrid, { widgets: props.widgets }) : null] }));
+}
+function resolveActionVariant(action, fallback) {
+    const variant = action.props.variant;
+    if (typeof variant === 'string')
+        return variant;
+    const color = action.props.color;
+    if (typeof color === 'string' && color in ACTION_COLOR_VARIANT) {
+        return ACTION_COLOR_VARIANT[color];
+    }
+    return fallback;
+}
+function resolveActionSize(action, fallback) {
+    const size = action.props.size;
+    return typeof size === 'string' ? size : fallback;
+}
+function ActionButtonBody(props) {
+    const { action, icon, label } = props;
+    const iconAtEnd = action.props.iconPosition === 'end';
+    const badge = action.props.badge;
+    return (_jsxs(_Fragment, { children: [!iconAtEnd ? icon : null, label, iconAtEnd ? icon : null, badge?.text ? (_jsx(Badge, { variant: "outline", className: badge.color ? BADGE_COLOR_CLASSES[badge.color] : undefined, children: badge.text })) : null] }));
+}
+function isActionIconOnly(action) {
+    return Boolean(action.props.iconOnly);
+}
+function iconOnlySize(size) {
+    if (size === 'xs')
+        return 'icon-xs';
+    if (size === 'sm')
+        return 'icon-sm';
+    if (size === 'lg')
+        return 'icon-lg';
+    return 'icon';
+}
+function actionBody(action, icon, label) {
+    return isActionIconOnly(action) ? (icon) : (_jsx(ActionButtonBody, { action: action, icon: icon, label: label }));
+}
+function withActionTooltip(action, label, node, key) {
+    if (!isActionIconOnly(action)) {
+        return key != null ? _jsx(Fragment, { children: node }, key) : node;
+    }
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: node }), _jsx(TooltipContent, { children: label })] }, key));
+}
+export function RowActions(props) {
+    const id = String(props.record.id ?? '');
+    const base = `${props.path}/${props.resource.slug}`;
+    const actions = (props.resource.table?.actions ?? []).filter((action) => {
+        if (action.kind !== 'restore-action')
+            return true;
+        const field = props.resource.deletedAtField;
+        return field != null && props.record[field] != null;
+    });
+    return (_jsx("div", { className: "flex flex-wrap items-center gap-1", children: actions.map((action, index) => {
+            const label = String(action.props.label ?? action.props.name ?? 'Action');
+            const icon = typeof action.props.icon === 'string' ? _jsx(Icon, { name: action.props.icon }) : null;
+            const key = `${String(action.kind)}-${String(action.props.name ?? index)}`;
+            if (action.kind === 'view-action' || action.props.name === 'view') {
+                const variant = resolveActionVariant(action, 'link');
+                const size = resolveActionSize(action, 'sm');
+                return withActionTooltip(action, label, _jsx(Button, { asChild: true, variant: variant, size: isActionIconOnly(action) ? iconOnlySize(size) : size, children: _jsx("a", { href: `${base}/${id}`, "aria-label": isActionIconOnly(action) ? label : undefined, children: actionBody(action, icon, label) }) }), key);
+            }
+            if (action.kind === 'edit-action' || action.props.name === 'edit') {
+                const variant = resolveActionVariant(action, 'link');
+                const size = resolveActionSize(action, 'sm');
+                return withActionTooltip(action, label, _jsx(Button, { asChild: true, variant: variant, size: isActionIconOnly(action) ? iconOnlySize(size) : size, children: _jsx("a", { href: `${base}/${id}/edit`, "aria-label": isActionIconOnly(action) ? label : undefined, children: actionBody(action, icon, label) }) }), key);
+            }
+            const isDelete = action.kind === 'delete-action' || action.props.name === 'delete';
+            const formAction = isDelete
+                ? `${base}/${id}/delete`
+                : `${base}/${id}/actions/${String(action.props.name ?? '')}`;
+            const dialog = resolveActionDialog(action, {
+                heading: isDelete ? 'Delete this record?' : `${label}?`,
+                description: isDelete ? 'This cannot be undone.' : undefined,
+                submitLabel: label,
+            });
+            if (dialog) {
+                const variant = resolveActionVariant(action, isDelete ? 'destructive' : 'outline');
+                const size = resolveActionSize(action, 'sm');
+                return (_jsx(ConfirmDialog, { trigger: withActionTooltip(action, label, _jsx(Button, { variant: variant, size: isActionIconOnly(action) ? iconOnlySize(size) : size, "aria-label": isActionIconOnly(action) ? label : undefined, children: actionBody(action, icon, label) })), title: String(dialog.props.heading ?? 'Confirm'), description: dialog.props.description != null ? String(dialog.props.description) : undefined, confirmLabel: String(dialog.props.submitLabel ?? label), confirmVariant: isDelete ? 'destructive' : 'default', formAction: formAction, children: dialog.children?.length ? _jsx(SchemaFields, { fields: dialog.children }) : null }, key));
+            }
+            if (isDelete) {
+                const variant = resolveActionVariant(action, 'destructive');
+                const size = resolveActionSize(action, 'sm');
+                return withActionTooltip(action, label, _jsx(Button, { asChild: true, variant: variant, size: isActionIconOnly(action) ? iconOnlySize(size) : size, children: _jsx("a", { href: formAction, "aria-label": isActionIconOnly(action) ? label : undefined, children: actionBody(action, icon, label) }) }), key);
+            }
+            const variant = resolveActionVariant(action, 'outline');
+            const size = resolveActionSize(action, 'sm');
+            return (_jsx("form", { method: "post", action: formAction, className: "contents", children: withActionTooltip(action, label, _jsx(Button, { type: "submit", variant: variant, size: isActionIconOnly(action) ? iconOnlySize(size) : size, "aria-label": isActionIconOnly(action) ? label : undefined, children: actionBody(action, icon, label) })) }, key));
+        }) }));
+}
+export function ToolbarActions(props) {
+    const base = `${props.path}/${props.resource.slug}`;
+    const actions = props.resource.table?.toolbarActions ?? [];
+    if (actions.length === 0)
+        return null;
+    return (_jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions.map((action, index) => {
+            const label = String(action.props.label ?? action.props.name ?? 'Action');
+            const icon = typeof action.props.icon === 'string' ? _jsx(Icon, { name: action.props.icon }) : null;
+            const key = String(action.props.name ?? index);
+            const formAction = `${base}/actions/${String(action.props.name ?? '')}`;
+            const dialog = resolveActionDialog(action, { heading: `${label}?`, submitLabel: label });
+            if (dialog) {
+                const variant = resolveActionVariant(action, 'outline');
+                const size = resolveActionSize(action, 'default');
+                return (_jsx(ConfirmDialog, { trigger: withActionTooltip(action, label, _jsx(Button, { variant: variant, size: isActionIconOnly(action) ? iconOnlySize(size) : size, "aria-label": isActionIconOnly(action) ? label : undefined, children: actionBody(action, icon, label) })), title: String(dialog.props.heading ?? 'Confirm'), description: dialog.props.description != null ? String(dialog.props.description) : undefined, confirmLabel: String(dialog.props.submitLabel ?? label), formAction: formAction, children: dialog.children?.length ? _jsx(SchemaFields, { fields: dialog.children }) : null }, key));
+            }
+            const variant = resolveActionVariant(action, 'outline');
+            const size = resolveActionSize(action, 'default');
+            return (_jsx("form", { method: "post", action: formAction, className: "contents", children: withActionTooltip(action, label, _jsx(Button, { type: "submit", variant: variant, size: isActionIconOnly(action) ? iconOnlySize(size) : size, "aria-label": isActionIconOnly(action) ? label : undefined, children: actionBody(action, icon, label) })) }, key));
+        }) }));
+}
+function ListFilters(props) {
+    const filters = props.resource.table?.filters ?? [];
+    const searchable = (props.resource.listQueryConfig?.searchableColumns?.length ?? 0) > 0 ||
+        (props.resource.table?.columns ?? []).some((col) => col.props.searchable === true);
+    const filtersOpen = Boolean(props.query?.filtersOpen);
+    const action = `${props.path}/${props.resource.slug}`;
+    return (_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("form", { className: "flex min-w-48 flex-1 flex-wrap items-center gap-2", method: "get", action: action, children: [searchable ? (_jsx(Input, { className: "max-w-xs", name: "search", placeholder: "Search\u2026", defaultValue: props.query?.search ?? '' })) : null, filtersOpen ? _jsx("input", { type: "hidden", name: "filtersOpen", value: "1" }) : null, props.query?.withDeleted ? _jsx("input", { type: "hidden", name: "withDeleted", value: "1" }) : null, _jsx(Button, { type: "submit", variant: "secondary", size: "sm", children: "Search" }), filters.length > 0 ? (_jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx("a", { href: `${action}?${new URLSearchParams({
+                                ...(props.query?.search ? { search: props.query.search } : {}),
+                                ...(props.query?.withDeleted ? { withDeleted: '1' } : {}),
+                                filtersOpen: filtersOpen ? '0' : '1',
+                            }).toString()}`, children: "Filters" }) })) : null, props.resource.supportsSoftDelete ? (_jsx(Button, { asChild: true, variant: props.query?.withDeleted ? 'default' : 'outline', size: "sm", children: _jsx("a", { href: `${action}?${new URLSearchParams({
+                                ...(props.query?.search ? { search: props.query.search } : {}),
+                                ...(filtersOpen ? { filtersOpen: '1' } : {}),
+                                ...(props.query?.withDeleted ? {} : { withDeleted: '1' }),
+                            }).toString()}`, children: props.query?.withDeleted ? 'Hide trashed' : 'Show trashed' }) })) : null] }), filtersOpen && filters.length > 0 ? (_jsxs("form", { className: "mb-0 w-full rounded-lg border border-border bg-muted/50 p-4", method: "get", action: action, "data-afi-filters": true, children: [props.query?.search ? (_jsx("input", { type: "hidden", name: "search", value: props.query.search })) : null, _jsx("input", { type: "hidden", name: "filtersOpen", value: "1" }), _jsx("div", { className: "mb-4 grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-x-4 gap-y-3", children: filters.map((filter) => {
+                            const name = String(filter.name ?? filter.props.name ?? '');
+                            const label = String(filter.props.label ?? name);
+                            const current = props.query?.filter?.[name];
+                            const raw = Array.isArray(current) ? current[0] : current;
+                            if (filter.kind === 'select-filter') {
+                                const options = filter.props.options ??
+                                    [];
+                                return (_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: `filter-${name}`, children: label }), _jsxs("select", { id: `filter-${name}`, className: "h-9 w-full rounded-lg border border-input bg-background px-3 text-sm", name: `filter.${name}`, defaultValue: raw != null ? String(raw) : '', children: [_jsx("option", { value: "", children: "Any" }), options.map((option) => (_jsx("option", { value: `$eq:${option.value}`, children: option.label }, option.value)))] })] }, name));
+                            }
+                            if (filter.kind === 'date-filter') {
+                                return (_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: `filter-${name}`, children: label }), _jsx(Input, { id: `filter-${name}`, type: "date", name: `filter.${name}`, defaultValue: raw != null ? String(raw).replace(/^\$eq:/, '') : '' })] }, name));
+                            }
+                            return (_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: `filter-${name}`, children: label }), _jsx(Input, { id: `filter-${name}`, name: `filter.${name}`, defaultValue: raw != null ? String(raw) : '' })] }, name));
+                        }) }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { type: "submit", size: "sm", children: "Apply" }), _jsx(Button, { asChild: true, variant: "secondary", size: "sm", children: _jsx("a", { href: action, children: "Clear" }) })] })] })) : null] }));
+}
+function ListPage(props) {
+    const columns = props.resource.table?.columns ?? [];
+    const limit = props.meta.itemsPerPage || 20;
+    const shell = useShellControls({
+        path: props.path,
+        theme: props.theme,
+        navigationGroups: props.navigationGroups,
+    });
+    return (_jsxs(AdminShell, { model: {
+            brandName: props.brandName,
+            path: props.path,
+            navigation: props.navigation,
+            navigationGroups: props.navigationGroups,
+            breadcrumbs: props.breadcrumbs,
+            currentSlug: props.resource.slug,
+        }, header: shell.header, onGroupToggle: shell.onGroupToggle, children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsx("h1", { className: "text-2xl font-semibold", children: props.resource.label }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(ToolbarActions, { path: props.path, resource: props.resource }), _jsx(Button, { asChild: true, children: _jsx("a", { href: `${props.path}/${props.resource.slug}/create`, children: "Create" }) })] })] }), props.flash ? (_jsx(Alert, { className: "mb-4", children: _jsx(AlertDescription, { children: props.flash }) })) : null, _jsx(ListFilters, { path: props.path, resource: props.resource, query: props.query }), _jsx(DataTable, { columns: columns, rows: props.records, meta: props.meta, buildHref: (page, nextLimit) => buildListHref(props.path, props.resource.slug, props.query, page, nextLimit), sortBy: props.query?.sortBy, buildSortHref: (column, direction) => buildSortHref(props.path, props.resource.slug, props.query, limit, column, direction), renderCell: renderListCell, renderRowActions: (record) => (_jsx(RowActions, { path: props.path, resource: props.resource, record: record })) }), _jsxs("form", { className: "mt-2 flex items-center gap-2 text-sm text-muted-foreground", method: "get", action: `${props.path}/${props.resource.slug}`, "data-afi-page-size": true, children: [props.query?.search ? (_jsx("input", { type: "hidden", name: "search", value: props.query.search })) : null, props.query?.filtersOpen ? _jsx("input", { type: "hidden", name: "filtersOpen", value: "1" }) : null, props.query?.withDeleted ? _jsx("input", { type: "hidden", name: "withDeleted", value: "1" }) : null, props.query?.filter
+                        ? Object.entries(props.query.filter).map(([key, value]) => {
+                            const raw = Array.isArray(value) ? value[0] : value;
+                            return raw != null ? (_jsx("input", { type: "hidden", name: `filter.${key}`, value: String(raw) }, key)) : null;
+                        })
+                        : null, props.query?.sortBy?.length ? (_jsx("input", { type: "hidden", name: "sortBy", value: serializeSortBy(props.query.sortBy) })) : null, _jsx("input", { type: "hidden", name: "page", value: "1" }), _jsx(Label, { htmlFor: "afi-limit", children: "Show" }), _jsx("select", { id: "afi-limit", name: "limit", className: "h-8 rounded-md border border-input bg-background px-2 text-sm", defaultValue: String(limit), onChange: (event) => event.currentTarget.form?.requestSubmit(), children: [10, 20, 25, 50, 100]
+                            .filter((size, _, all) => all.includes(size) || size === limit)
+                            .concat(limit && ![10, 20, 25, 50, 100].includes(limit) ? [limit] : [])
+                            .filter((size, index, all) => all.indexOf(size) === index)
+                            .sort((a, b) => a - b)
+                            .map((size) => (_jsx("option", { value: size, children: size }, size))) })] })] }));
+}
+function FormPage(props) {
+    const schema = props.resource.form ?? { kind: 'schema', props: {}, children: [] };
+    const shell = useShellControls({
+        path: props.path,
+        theme: props.theme,
+        navigationGroups: props.navigationGroups,
+    });
+    return (_jsxs(AdminShell, { model: {
+            brandName: props.brandName,
+            path: props.path,
+            navigation: props.navigation,
+            navigationGroups: props.navigationGroups,
+            breadcrumbs: props.breadcrumbs,
+            currentSlug: props.resource.slug,
+        }, header: shell.header, onGroupToggle: shell.onGroupToggle, children: [_jsx("h1", { className: "mb-4 text-2xl font-semibold", children: props.title }), props.errors && Object.keys(props.errors).length > 0 ? (_jsx(Alert, { variant: "destructive", className: "mb-4", children: _jsxs(AlertDescription, { children: [_jsx("p", { className: "mb-1 font-medium", children: "Fix the following and try again:" }), _jsx("ul", { className: "list-inside list-disc", children: Object.entries(props.errors).map(([field, messages]) => (_jsxs("li", { children: [field, ": ", messages.join(', ')] }, field))) })] }) })) : null, _jsx(SchemaForm, { schema: schema, action: props.action, submitLabel: props.submitLabel, values: props.values, fieldOptions: props.fieldOptions, htmlContent: props.htmlContent, uploadUrl: `${props.path}/uploads`, errors: props.errors })] }));
+}
+function ViewPage(props) {
+    const columns = props.resource.table?.columns ?? [];
+    const shell = useShellControls({
+        path: props.path,
+        theme: props.theme,
+        navigationGroups: props.navigationGroups,
+    });
+    return (_jsxs(AdminShell, { model: {
+            brandName: props.brandName,
+            path: props.path,
+            navigation: props.navigation,
+            navigationGroups: props.navigationGroups,
+            breadcrumbs: props.breadcrumbs,
+            currentSlug: props.resource.slug,
+        }, header: shell.header, onGroupToggle: shell.onGroupToggle, children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsx("h1", { className: "text-2xl font-semibold", children: props.resource.label }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { asChild: true, variant: "secondary", children: _jsx("a", { href: `${props.path}/${props.resource.slug}/${String(props.record.id)}/edit`, children: "Edit" }) }), _jsx(Button, { asChild: true, variant: "outline", children: _jsx("a", { href: `${props.path}/${props.resource.slug}`, children: "Back" }) })] })] }), _jsx(Card, { children: _jsx(CardContent, { className: "grid gap-3 pt-6", children: columns.map((column) => {
+                        const name = String(column.name ?? '');
+                        return (_jsxs("div", { className: "grid grid-cols-[160px_1fr] gap-4 border-b border-border py-3 last:border-0", children: [_jsx("div", { className: "text-sm text-muted-foreground", children: String(column.props.label ?? name) }), _jsx("div", { children: String(props.record[name] ?? '') })] }, name));
+                    }) }) }), props.panels && props.panels.length > 0 ? (_jsx("div", { className: "mt-6 flex flex-col gap-4", children: props.panels.map((html, index) => (_jsx("div", { dangerouslySetInnerHTML: { __html: html } }, index))) })) : null, (() => {
+                const sections = props.relationSections ?? [];
+                if (sections.length === 0)
+                    return null;
+                const ownerId = String(props.record.id ?? '');
+                const base = `${props.path}/${props.resource.slug}/${ownerId}`;
+                const activeSection = sections.find((section) => section.query?.page != null || section.query?.limit != null || section.query?.search) ?? sections[0];
+                return (_jsx(Card, { className: "mt-6", children: _jsx(CardContent, { className: "pt-6", children: _jsxs(Tabs, { defaultValue: activeSection.manager.relationship, children: [_jsx(TabsList, { variant: "line", className: "mb-4 w-full justify-start", children: sections.map((section) => (_jsxs(TabsTrigger, { value: section.manager.relationship, children: [section.manager.icon ? _jsx(Icon, { name: section.manager.icon }) : null, section.manager.title] }, section.manager.relationship))) }), sections.map((section) => {
+                                    const prefix = `rm.${section.manager.relationship}`;
+                                    const buildHref = (page, limit) => {
+                                        const params = new URLSearchParams();
+                                        if (section.query?.search)
+                                            params.set(`${prefix}.search`, section.query.search);
+                                        params.set(`${prefix}.page`, String(page));
+                                        params.set(`${prefix}.limit`, String(limit));
+                                        return `${base}?${params.toString()}`;
+                                    };
+                                    const cols = section.manager.table?.columns ?? [];
+                                    return (_jsxs(TabsContent, { value: section.manager.relationship, children: [_jsx(DataTable, { columns: cols, rows: section.records, meta: section.meta, buildHref: buildHref }), _jsxs("form", { className: "mt-2 flex items-center gap-2 text-sm text-muted-foreground", method: "get", action: base, children: [section.query?.search ? (_jsx("input", { type: "hidden", name: `${prefix}.search`, value: section.query.search })) : null, _jsx("input", { type: "hidden", name: `${prefix}.page`, value: "1" }), _jsx(Label, { htmlFor: `${prefix}-limit`, children: "Show" }), _jsx("select", { id: `${prefix}-limit`, name: `${prefix}.limit`, className: "h-8 rounded-md border border-input bg-background px-2 text-sm", defaultValue: String(section.meta.itemsPerPage), children: [10, 20, 25, 50, 100].map((size) => (_jsx("option", { value: size, children: size }, size))) })] })] }, section.manager.relationship));
+                                })] }) }) }));
+            })()] }));
+}
+function CustomPage(props) {
+    const shell = useShellControls({
+        path: props.path,
+        theme: props.theme,
+        navigationGroups: props.navigationGroups,
+    });
+    return (_jsxs(AdminShell, { model: {
+            brandName: props.brandName,
+            path: props.path,
+            navigation: props.navigation,
+            navigationGroups: props.navigationGroups,
+            breadcrumbs: props.breadcrumbs,
+            currentSlug: `pages:${props.slug}`,
+        }, header: shell.header, onGroupToggle: shell.onGroupToggle, children: [_jsx("h1", { className: "mb-4 text-2xl font-semibold", children: props.title }), props.content ? _jsx("div", { dangerouslySetInnerHTML: { __html: props.content } }) : null, props.widgets ? _jsx(WidgetGrid, { widgets: props.widgets, className: "mt-4" }) : null] }));
+}
+function RelationPage(props) {
+    const shell = useShellControls({
+        path: props.path,
+        theme: props.theme,
+        navigationGroups: props.navigationGroups,
+    });
+    return (_jsxs(AdminShell, { model: {
+            brandName: props.brandName,
+            path: props.path,
+            navigation: props.navigation,
+            navigationGroups: props.navigationGroups,
+            breadcrumbs: props.breadcrumbs,
+            currentSlug: props.resource.slug,
+        }, header: shell.header, onGroupToggle: shell.onGroupToggle, children: [_jsx("h1", { className: "mb-4 text-2xl font-semibold", children: props.title }), props.mode === 'create' && props.form ? (_jsx(SchemaForm, { schema: props.form, action: props.action, submitLabel: "Create", uploadUrl: `${props.path}/uploads` })) : (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: props.mode === 'associate' ? 'Associate' : 'Attach' }) }), _jsx(CardContent, { children: _jsxs("form", { method: "post", action: props.action, className: "grid gap-4", children: [_jsxs("div", { className: "grid gap-1.5", children: [_jsx(Label, { htmlFor: "relatedId", children: "Record" }), _jsxs("select", { id: "relatedId", name: "relatedId", className: "h-9 w-full rounded-lg border border-input bg-background px-3 text-sm", required: true, children: [_jsx("option", { value: "", children: "Select\u2026" }), (props.options ?? []).map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })] }), _jsx(Button, { type: "submit", children: "Save" })] }) })] }))] }));
+}
+function LoginPage(props) {
+    const shell = useShellControls({ path: props.path, theme: props.theme });
+    return (_jsxs("div", { className: "relative flex min-h-screen items-center justify-center bg-background p-6 font-sans text-foreground", children: [_jsx("div", { className: "absolute top-4 right-4", children: shell.header }), _jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: props.brandName }), _jsx(CardDescription, { children: "Sign in to continue to the admin panel." })] }), _jsxs(CardContent, { children: [props.error ? (_jsx(Alert, { variant: "destructive", className: "mb-4", children: _jsx(AlertDescription, { children: props.error }) })) : null, _jsxs("form", { method: "post", action: props.action, className: "grid gap-4", children: [props.redirectTo ? (_jsx("input", { type: "hidden", name: "redirect", value: props.redirectTo })) : null, _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", name: "email", type: "email", autoComplete: "username", required: true })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "password", children: "Password" }), _jsx(Input, { id: "password", name: "password", type: "password", autoComplete: "current-password", required: true })] }), _jsx(Button, { type: "submit", className: "mt-2 w-full", children: "Sign in" })] })] })] })] }));
+}
+export function AdminApp(props) {
+    switch (props.page) {
+        case 'dashboard':
+            return _jsx(DashboardPage, { ...props });
+        case 'list':
+            return _jsx(ListPage, { ...props });
+        case 'form':
+            return _jsx(FormPage, { ...props });
+        case 'view':
+            return _jsx(ViewPage, { ...props });
+        case 'custom':
+            return _jsx(CustomPage, { ...props });
+        case 'relation':
+            return _jsx(RelationPage, { ...props });
+        case 'login':
+            return _jsx(LoginPage, { ...props });
+        default:
+            return null;
+    }
+}
+//# sourceMappingURL=admin-app.js.map