@pilotiq/pilotiq 0.24.1 → 0.24.3

package/views/react/Dashboard.tsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import { AdminShell } from '../../src/react/AdminShell.js'
-
-interface PanelInfo {
-  name: string
-  branding: { title?: string; logo?: string }
-  resources: Array<{ label: string; slug: string; icon: string }>
-}
-
-export default function PilotiqDashboard({ panel, basePath }: { panel: PanelInfo; basePath: string }) {
-  return (
-    <AdminShell panel={panel} basePath={basePath}>
-      <h1 className="text-2xl font-bold mb-6">
-        {panel.branding.title ?? panel.name} Dashboard
-      </h1>
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-        {panel.resources.map(r => (
-          <a key={r.slug} href={`${basePath}/${r.slug}`}
-             className="block p-6 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-indigo-300 dark:hover:border-indigo-600 transition">
-            <h3 className="font-semibold text-gray-900 dark:text-gray-100">{r.label}</h3>
-            <p className="text-sm text-gray-500 dark:text-gray-400 mt-1">Manage {r.label.toLowerCase()}</p>
-          </a>
-        ))}
-      </div>
-    </AdminShell>
-  )
-}

package/views/react/Resources/Form.tsx

@@ -1,102 +0,0 @@
-import React from 'react'
-import { AdminShell } from '../../../src/react/AdminShell.js'
-import type { Field } from '../../../src/fields/Field.js'
-
-interface PanelInfo {
-  name: string
-  branding: { title?: string; logo?: string }
-  resources: Array<{ label: string; slug: string; icon: string }>
-}
-
-export default function ResourceForm({ panel, resource, fields, mode, recordId, basePath }: {
-  panel:     PanelInfo
-  resource:  { label: string; slug: string; icon: string }
-  fields:    Field[]
-  mode:      'create' | 'edit'
-  recordId?: string
-  basePath:  string
-}) {
-  const title = mode === 'create' ? `Create ${resource.label}` : `Edit ${resource.label}`
-
-  return (
-    <AdminShell panel={panel} basePath={basePath}>
-      <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100 mb-6">{title}</h1>
-
-      <div className="bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 p-6">
-        <form className="space-y-6">
-          {fields.map(field => (
-            <FieldRenderer key={field.name} field={field} />
-          ))}
-
-          <div className="flex gap-3 pt-4 border-t border-gray-200 dark:border-gray-800">
-            <button type="submit"
-                    className="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-lg hover:bg-indigo-700 transition">
-              {mode === 'create' ? 'Create' : 'Save'}
-            </button>
-            <a href={`${basePath}/${resource.slug}`}
-               className="px-4 py-2 text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 transition">
-              Cancel
-            </a>
-          </div>
-        </form>
-      </div>
-    </AdminShell>
-  )
-}
-
-function FieldWrapper({ field, children }: { field: Field; children: React.ReactNode }) {
-  return (
-    <div>
-      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
-        {field.getLabel()}
-        {field.isRequired() && <span className="text-red-500 ml-1">*</span>}
-      </label>
-      {children}
-    </div>
-  )
-}
-
-function FieldRenderer({ field }: { field: Field }) {
-  const baseClasses = "w-full px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-lg text-sm bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 outline-none"
-
-  if (field.fieldType === 'textarea') {
-    return (
-      <FieldWrapper field={field}>
-        <textarea name={field.name} placeholder={field.getPlaceholder()} rows={4} className={baseClasses} />
-      </FieldWrapper>
-    )
-  }
-
-  if (field.fieldType === 'select') {
-    const opts = (field as unknown as { getOptions(): Array<{ value: string; label: string }> }).getOptions()
-    return (
-      <FieldWrapper field={field}>
-        <select name={field.name} className={baseClasses}>
-          <option value="">Select...</option>
-          {opts.map(o => <option key={o.value} value={o.value}>{o.label}</option>)}
-        </select>
-      </FieldWrapper>
-    )
-  }
-
-  if (field.fieldType === 'toggle') {
-    return (
-      <FieldWrapper field={field}>
-        <input type="checkbox" name={field.name} className="rounded border-gray-300" />
-      </FieldWrapper>
-    )
-  }
-
-  // Default: text, email, number, date, slug
-  const inputType = field.fieldType === 'email' ? 'email'
-    : field.fieldType === 'number' ? 'number'
-    : field.fieldType === 'date' ? 'date'
-    : 'text'
-
-  return (
-    <FieldWrapper field={field}>
-      <input name={field.name} type={inputType} placeholder={field.getPlaceholder()}
-             readOnly={field.isReadonly()} required={field.isRequired()} className={baseClasses} />
-    </FieldWrapper>
-  )
-}

package/views/react/Resources/Index.tsx

@@ -1,49 +0,0 @@
-import React from 'react'
-import { AdminShell } from '../../../src/react/AdminShell.js'
-import type { Column } from '../../../src/Column.js'
-
-interface PanelInfo {
-  name: string
-  branding: { title?: string; logo?: string }
-  resources: Array<{ label: string; slug: string; icon: string }>
-}
-
-export default function ResourceIndex({ panel, resource, columns, basePath }: {
-  panel:    PanelInfo
-  resource: { label: string; labelSingular: string; slug: string; icon: string }
-  columns:  Column[]
-  basePath: string
-}) {
-  return (
-    <AdminShell panel={panel} basePath={basePath}>
-      <div className="flex items-center justify-between mb-6">
-        <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">{resource.label}</h1>
-        <a href={`${basePath}/${resource.slug}/create`}
-           className="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-lg hover:bg-indigo-700 transition">
-          Create {resource.labelSingular}
-        </a>
-      </div>
-
-      <div className="bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 overflow-hidden">
-        <table className="w-full text-sm">
-          <thead className="bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-800">
-            <tr>
-              {columns.map(col => (
-                <th key={col.name} className="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
-                  {col.getLabel()}
-                </th>
-              ))}
-            </tr>
-          </thead>
-          <tbody className="divide-y divide-gray-100 dark:divide-gray-800">
-            <tr>
-              <td colSpan={columns.length} className="px-4 py-12 text-center text-gray-400 dark:text-gray-500">
-                No records yet. Data loading will be added in a future phase.
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </AdminShell>
-  )
-}