@sonicjs-cms/core 1.0.0-alpha.2 → 1.0.0-alpha.4

package/dist/templates.d.cts

@@ -1,8 +1,140 @@
+interface FormField {
+    name: string;
+    label: string;
+    type: 'text' | 'email' | 'textarea' | 'select' | 'checkbox' | 'rich_text' | 'number' | 'date' | 'multi_select' | 'file';
+    value?: any;
+    placeholder?: string;
+    required?: boolean;
+    readonly?: boolean;
+    helpText?: string;
+    options?: Array<{
+        value: string;
+        label: string;
+        selected?: boolean;
+    }>;
+    rows?: number;
+    className?: string;
+    validation?: {
+        min?: number;
+        max?: number;
+        pattern?: string;
+    };
+}
+interface FormData {
+    id?: string;
+    action?: string;
+    method?: string;
+    hxPost?: string;
+    hxPut?: string;
+    hxTarget?: string;
+    fields: FormField[];
+    submitButtons: Array<{
+        label: string;
+        type?: 'submit' | 'button';
+        value?: string;
+        name?: string;
+        className?: string;
+        onclick?: string;
+    }>;
+    title?: string;
+    description?: string;
+    className?: string;
+}
+declare function renderForm(data: FormData): string;
+declare function renderFormField(field: FormField): string;
+
+interface TableColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    className?: string;
+    sortType?: 'string' | 'number' | 'date' | 'boolean';
+    render?: (value: any, row: any) => string;
+}
+interface TableData<T = any> {
+    columns: TableColumn[];
+    rows: T[];
+    selectable?: boolean;
+    className?: string;
+    emptyMessage?: string;
+    tableId?: string;
+    title?: string;
+    rowClickable?: boolean;
+    rowClickUrl?: (row: T) => string;
+}
+declare function renderTable<T = any>(data: TableData<T>): string;
+
+interface PaginationData {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number;
+    itemsPerPage: number;
+    startItem: number;
+    endItem: number;
+    baseUrl: string;
+    queryParams?: Record<string, string>;
+    showPageNumbers?: boolean;
+    maxPageNumbers?: number;
+    showPageSizeSelector?: boolean;
+    pageSizeOptions?: number[];
+}
+declare function renderPagination(data: PaginationData): string;
+
+type AlertType = 'success' | 'error' | 'warning' | 'info';
+interface AlertData {
+    type: AlertType;
+    title?: string;
+    message: string;
+    dismissible?: boolean;
+    className?: string;
+    icon?: boolean;
+}
+declare function renderAlert(data: AlertData): string;
+
+interface ConfirmationDialogOptions {
+    id: string;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmClass?: string;
+    iconColor?: 'red' | 'yellow' | 'blue';
+    onConfirm?: string;
+}
+declare function renderConfirmationDialog(options: ConfirmationDialogOptions): string;
 /**
- * Templates Module Exports
- *
- * UI templates for admin interface
+ * Helper function to show a confirmation dialog programmatically
+ * Usage in templates: Add this script and call showConfirmDialog()
  */
-declare const placeholder = "templates";
+declare function getConfirmationDialogScript(): string;
+
+interface FilterOption {
+    value: string;
+    label: string;
+    selected?: boolean;
+    color?: string;
+}
+interface Filter {
+    name: string;
+    label: string;
+    options: FilterOption[];
+}
+interface FilterBarData {
+    filters: Filter[];
+    actions?: Array<{
+        label: string;
+        className?: string;
+        onclick?: string;
+        hxGet?: string;
+        hxTarget?: string;
+    }>;
+    bulkActions?: Array<{
+        label: string;
+        value: string;
+        icon?: string;
+        className?: string;
+    }>;
+}
+declare function renderFilterBar(data: FilterBarData): string;
 
-export { placeholder };
+export { type AlertData, type ConfirmationDialogOptions, type Filter, type FilterBarData, type FilterOption, type FormData, type FormField, type PaginationData, type TableColumn, type TableData, getConfirmationDialogScript, renderAlert, renderConfirmationDialog, renderFilterBar, renderForm, renderFormField, renderPagination, renderTable };

package/dist/templates.d.ts

@@ -1,8 +1,140 @@
+interface FormField {
+    name: string;
+    label: string;
+    type: 'text' | 'email' | 'textarea' | 'select' | 'checkbox' | 'rich_text' | 'number' | 'date' | 'multi_select' | 'file';
+    value?: any;
+    placeholder?: string;
+    required?: boolean;
+    readonly?: boolean;
+    helpText?: string;
+    options?: Array<{
+        value: string;
+        label: string;
+        selected?: boolean;
+    }>;
+    rows?: number;
+    className?: string;
+    validation?: {
+        min?: number;
+        max?: number;
+        pattern?: string;
+    };
+}
+interface FormData {
+    id?: string;
+    action?: string;
+    method?: string;
+    hxPost?: string;
+    hxPut?: string;
+    hxTarget?: string;
+    fields: FormField[];
+    submitButtons: Array<{
+        label: string;
+        type?: 'submit' | 'button';
+        value?: string;
+        name?: string;
+        className?: string;
+        onclick?: string;
+    }>;
+    title?: string;
+    description?: string;
+    className?: string;
+}
+declare function renderForm(data: FormData): string;
+declare function renderFormField(field: FormField): string;
+
+interface TableColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    className?: string;
+    sortType?: 'string' | 'number' | 'date' | 'boolean';
+    render?: (value: any, row: any) => string;
+}
+interface TableData<T = any> {
+    columns: TableColumn[];
+    rows: T[];
+    selectable?: boolean;
+    className?: string;
+    emptyMessage?: string;
+    tableId?: string;
+    title?: string;
+    rowClickable?: boolean;
+    rowClickUrl?: (row: T) => string;
+}
+declare function renderTable<T = any>(data: TableData<T>): string;
+
+interface PaginationData {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number;
+    itemsPerPage: number;
+    startItem: number;
+    endItem: number;
+    baseUrl: string;
+    queryParams?: Record<string, string>;
+    showPageNumbers?: boolean;
+    maxPageNumbers?: number;
+    showPageSizeSelector?: boolean;
+    pageSizeOptions?: number[];
+}
+declare function renderPagination(data: PaginationData): string;
+
+type AlertType = 'success' | 'error' | 'warning' | 'info';
+interface AlertData {
+    type: AlertType;
+    title?: string;
+    message: string;
+    dismissible?: boolean;
+    className?: string;
+    icon?: boolean;
+}
+declare function renderAlert(data: AlertData): string;
+
+interface ConfirmationDialogOptions {
+    id: string;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    confirmClass?: string;
+    iconColor?: 'red' | 'yellow' | 'blue';
+    onConfirm?: string;
+}
+declare function renderConfirmationDialog(options: ConfirmationDialogOptions): string;
 /**
- * Templates Module Exports
- *
- * UI templates for admin interface
+ * Helper function to show a confirmation dialog programmatically
+ * Usage in templates: Add this script and call showConfirmDialog()
  */
-declare const placeholder = "templates";
+declare function getConfirmationDialogScript(): string;
+
+interface FilterOption {
+    value: string;
+    label: string;
+    selected?: boolean;
+    color?: string;
+}
+interface Filter {
+    name: string;
+    label: string;
+    options: FilterOption[];
+}
+interface FilterBarData {
+    filters: Filter[];
+    actions?: Array<{
+        label: string;
+        className?: string;
+        onclick?: string;
+        hxGet?: string;
+        hxTarget?: string;
+    }>;
+    bulkActions?: Array<{
+        label: string;
+        value: string;
+        icon?: string;
+        className?: string;
+    }>;
+}
+declare function renderFilterBar(data: FilterBarData): string;
 
-export { placeholder };
+export { type AlertData, type ConfirmationDialogOptions, type Filter, type FilterBarData, type FilterOption, type FormData, type FormField, type PaginationData, type TableColumn, type TableData, getConfirmationDialogScript, renderAlert, renderConfirmationDialog, renderFilterBar, renderForm, renderFormField, renderPagination, renderTable };

package/dist/templates.js

@@ -1,8 +1,4 @@
+export { getConfirmationDialogScript, renderAlert, renderConfirmationDialog, renderFilterBar, renderForm, renderFormField, renderPagination, renderTable } from './chunk-KRJMGD4E.js';
 import './chunk-G3PMV62Z.js';
-
-// src/templates/index.ts
-var placeholder = "templates";
-
-export { placeholder };
 //# sourceMappingURL=templates.js.map
 //# sourceMappingURL=templates.js.map

package/dist/templates.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/templates/index.ts"],"names":[],"mappings":";;;AAOO,IAAM,WAAA,GAAc","file":"templates.js","sourcesContent":["/**\n * Templates Module Exports\n *\n * UI templates for admin interface\n */\n\n// Placeholder - will be populated in Phase 2 Week 3\nexport const placeholder = 'templates'\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"templates.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonicjs-cms/core",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.4",
   "description": "Core framework for SonicJS headless CMS - Edge-first, TypeScript-native CMS built for Cloudflare Workers",
   "type": "module",
   "main": "./dist/index.cjs",