@object-ui/core 3.3.0 → 3.3.1

package/src/builder/schema-builder.ts

@@ -1,584 +0,0 @@
-/**
- * ObjectUI
- * Copyright (c) 2024-present ObjectStack Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @object-ui/core - Schema Builder
- * 
- * Fluent API for building schemas programmatically.
- * Provides type-safe builder functions for common schema patterns.
- * 
- * @module builder
- * @packageDocumentation
- */
-
-import type {
-  BaseSchema,
-  FormSchema,
-  FormField,
-  CRUDSchema,
-  TableColumn,
-  ActionSchema,
-  ButtonSchema,
-  InputSchema,
-  CardSchema,
-  GridSchema,
-  FlexSchema
-} from '@object-ui/types';
-
-/**
- * Base builder class
- */
-class SchemaBuilder<T extends BaseSchema> {
-  protected schema: any;
-
-  constructor(type: string) {
-    this.schema = { type };
-  }
-
-  /**
-   * Set the ID
-   */
-  id(id: string): this {
-    this.schema.id = id;
-    return this;
-  }
-
-  /**
-   * Set the className
-   */
-  className(className: string): this {
-    this.schema.className = className;
-    return this;
-  }
-
-  /**
-   * Set visibility
-   */
-  visible(visible: boolean): this {
-    this.schema.visible = visible;
-    return this;
-  }
-
-  /**
-   * Set conditional visibility
-   */
-  visibleOn(expression: string): this {
-    this.schema.visibleOn = expression;
-    return this;
-  }
-
-  /**
-   * Set disabled state
-   */
-  disabled(disabled: boolean): this {
-    this.schema.disabled = disabled;
-    return this;
-  }
-
-  /**
-   * Set test ID
-   */
-  testId(testId: string): this {
-    this.schema.testId = testId;
-    return this;
-  }
-
-  /**
-   * Build the final schema
-   */
-  build(): T {
-    return this.schema as T;
-  }
-}
-
-/**
- * Form builder
- */
-export class FormBuilder extends SchemaBuilder<FormSchema> {
-  constructor() {
-    super('form');
-    this.schema.fields = [];
-  }
-
-  /**
-   * Add a field to the form
-   */
-  field(field: FormField): this {
-    this.schema.fields = [...(this.schema.fields || []), field];
-    return this;
-  }
-
-  /**
-   * Add multiple fields
-   */
-  fields(fields: FormField[]): this {
-    this.schema.fields = fields;
-    return this;
-  }
-
-  /**
-   * Set default values
-   */
-  defaultValues(values: Record<string, any>): this {
-    this.schema.defaultValues = values;
-    return this;
-  }
-
-  /**
-   * Set submit label
-   */
-  submitLabel(label: string): this {
-    this.schema.submitLabel = label;
-    return this;
-  }
-
-  /**
-   * Set form layout
-   */
-  layout(layout: 'vertical' | 'horizontal'): this {
-    this.schema.layout = layout;
-    return this;
-  }
-
-  /**
-   * Set number of columns
-   */
-  columns(columns: number): this {
-    this.schema.columns = columns;
-    return this;
-  }
-
-  /**
-   * Set submit handler
-   */
-  onSubmit(handler: (data: Record<string, any>) => void | Promise<void>): this {
-    this.schema.onSubmit = handler;
-    return this;
-  }
-}
-
-/**
- * CRUD builder
- */
-export class CRUDBuilder extends SchemaBuilder<CRUDSchema> {
-  constructor() {
-    super('crud');
-    this.schema.columns = [];
-  }
-
-  /**
-   * Set resource name
-   */
-  resource(resource: string): this {
-    this.schema.resource = resource;
-    return this;
-  }
-
-  /**
-   * Set API endpoint
-   */
-  api(api: string): this {
-    this.schema.api = api;
-    return this;
-  }
-
-  /**
-   * Set title
-   */
-  title(title: string): this {
-    this.schema.title = title;
-    return this;
-  }
-
-  /**
-   * Set description
-   */
-  description(description: string): this {
-    this.schema.description = description;
-    return this;
-  }
-
-  /**
-   * Add a column
-   */
-  column(column: TableColumn): this {
-    this.schema.columns = [...(this.schema.columns || []), column];
-    return this;
-  }
-
-  /**
-   * Set all columns
-   */
-  columns(columns: TableColumn[]): this {
-    this.schema.columns = columns;
-    return this;
-  }
-
-  /**
-   * Set form fields
-   */
-  fields(fields: FormField[]): this {
-    this.schema.fields = fields;
-    return this;
-  }
-
-  /**
-   * Enable create operation
-   */
-  enableCreate(label?: string): this {
-    if (!this.schema.operations) this.schema.operations = {};
-    this.schema.operations.create = {
-      enabled: true,
-      label: label || 'Create',
-      api: this.schema.api,
-      method: 'POST'
-    };
-    return this;
-  }
-
-  /**
-   * Enable update operation
-   */
-  enableUpdate(label?: string): this {
-    if (!this.schema.operations) this.schema.operations = {};
-    this.schema.operations.update = {
-      enabled: true,
-      label: label || 'Update',
-      api: `${this.schema.api}/\${id}`,
-      method: 'PUT'
-    };
-    return this;
-  }
-
-  /**
-   * Enable delete operation
-   */
-  enableDelete(label?: string, confirmText?: string): this {
-    if (!this.schema.operations) this.schema.operations = {};
-    this.schema.operations.delete = {
-      enabled: true,
-      label: label || 'Delete',
-      api: `${this.schema.api}/\${id}`,
-      method: 'DELETE',
-      confirmText: confirmText || 'Are you sure?'
-    };
-    return this;
-  }
-
-  /**
-   * Set pagination
-   */
-  pagination(pageSize: number = 20): this {
-    this.schema.pagination = {
-      enabled: true,
-      pageSize,
-      pageSizeOptions: [10, 20, 50, 100],
-      showTotal: true,
-      showSizeChanger: true
-    };
-    return this;
-  }
-
-  /**
-   * Enable row selection
-   */
-  selectable(mode: 'single' | 'multiple' = 'multiple'): this {
-    this.schema.selectable = mode;
-    return this;
-  }
-
-  /**
-   * Add a batch action
-   */
-  batchAction(action: ActionSchema): this {
-    this.schema.batchActions = [...(this.schema.batchActions || []), action];
-    return this;
-  }
-
-  /**
-   * Add a row action
-   */
-  rowAction(action: ActionSchema): this {
-    this.schema.rowActions = [...(this.schema.rowActions || []), action];
-    return this;
-  }
-}
-
-/**
- * Button builder
- */
-export class ButtonBuilder extends SchemaBuilder<ButtonSchema> {
-  constructor() {
-    super('button');
-  }
-
-  /**
-   * Set button label
-   */
-  label(label: string): this {
-    this.schema.label = label;
-    return this;
-  }
-
-  /**
-   * Set button variant
-   */
-  variant(variant: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link'): this {
-    this.schema.variant = variant;
-    return this;
-  }
-
-  /**
-   * Set button size
-   */
-  size(size: 'default' | 'sm' | 'lg' | 'icon'): this {
-    this.schema.size = size;
-    return this;
-  }
-
-  /**
-   * Set button icon
-   */
-  icon(icon: string): this {
-    this.schema.icon = icon;
-    return this;
-  }
-
-  /**
-   * Set click handler
-   */
-  onClick(handler: () => void | Promise<void>): this {
-    this.schema.onClick = handler;
-    return this;
-  }
-
-  /**
-   * Set loading state
-   */
-  loading(loading: boolean): this {
-    this.schema.loading = loading;
-    return this;
-  }
-}
-
-/**
- * Input builder
- */
-export class InputBuilder extends SchemaBuilder<InputSchema> {
-  constructor() {
-    super('input');
-  }
-
-  /**
-   * Set field name
-   */
-  name(name: string): this {
-    this.schema.name = name;
-    return this;
-  }
-
-  /**
-   * Set label
-   */
-  label(label: string): this {
-    this.schema.label = label;
-    return this;
-  }
-
-  /**
-   * Set placeholder
-   */
-  placeholder(placeholder: string): this {
-    this.schema.placeholder = placeholder;
-    return this;
-  }
-
-  /**
-   * Set input type
-   */
-  inputType(type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url'): this {
-    this.schema.inputType = type;
-    return this;
-  }
-
-  /**
-   * Mark as required
-   */
-  required(required: boolean = true): this {
-    this.schema.required = required;
-    return this;
-  }
-
-  /**
-   * Set default value
-   */
-  defaultValue(value: string | number): this {
-    this.schema.defaultValue = value;
-    return this;
-  }
-}
-
-/**
- * Card builder
- */
-export class CardBuilder extends SchemaBuilder<CardSchema> {
-  constructor() {
-    super('card');
-  }
-
-  /**
-   * Set card title
-   */
-  title(title: string): this {
-    this.schema.title = title;
-    return this;
-  }
-
-  /**
-   * Set card description
-   */
-  description(description: string): this {
-    this.schema.description = description;
-    return this;
-  }
-
-  /**
-   * Set card content
-   */
-  content(content: BaseSchema | BaseSchema[]): this {
-    this.schema.content = content;
-    return this;
-  }
-
-  /**
-   * Set card variant
-   */
-  variant(variant: 'default' | 'outline' | 'ghost'): this {
-    this.schema.variant = variant;
-    return this;
-  }
-
-  /**
-   * Make card hoverable
-   */
-  hoverable(hoverable: boolean = true): this {
-    this.schema.hoverable = hoverable;
-    return this;
-  }
-}
-
-/**
- * Grid builder
- */
-export class GridBuilder extends SchemaBuilder<GridSchema> {
-  constructor() {
-    super('grid');
-    this.schema.children = [];
-  }
-
-  /**
-   * Set number of columns
-   */
-  columns(columns: number): this {
-    this.schema.columns = columns;
-    return this;
-  }
-
-  /**
-   * Set gap
-   */
-  gap(gap: number): this {
-    this.schema.gap = gap;
-    return this;
-  }
-
-  /**
-   * Add a child
-   */
-  child(child: BaseSchema): this {
-    const children = Array.isArray(this.schema.children) ? this.schema.children : [];
-    this.schema.children = [...children, child];
-    return this;
-  }
-
-  /**
-   * Set all children
-   */
-  children(children: BaseSchema[]): this {
-    this.schema.children = children;
-    return this;
-  }
-}
-
-/**
- * Flex builder
- */
-export class FlexBuilder extends SchemaBuilder<FlexSchema> {
-  constructor() {
-    super('flex');
-    this.schema.children = [];
-  }
-
-  /**
-   * Set flex direction
-   */
-  direction(direction: 'row' | 'col' | 'row-reverse' | 'col-reverse'): this {
-    this.schema.direction = direction;
-    return this;
-  }
-
-  /**
-   * Set justify content
-   */
-  justify(justify: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'): this {
-    this.schema.justify = justify;
-    return this;
-  }
-
-  /**
-   * Set align items
-   */
-  align(align: 'start' | 'end' | 'center' | 'baseline' | 'stretch'): this {
-    this.schema.align = align;
-    return this;
-  }
-
-  /**
-   * Set gap
-   */
-  gap(gap: number): this {
-    this.schema.gap = gap;
-    return this;
-  }
-
-  /**
-   * Add a child
-   */
-  child(child: BaseSchema): this {
-    const children = Array.isArray(this.schema.children) ? this.schema.children : [];
-    this.schema.children = [...children, child];
-    return this;
-  }
-
-  /**
-   * Set all children
-   */
-  children(children: BaseSchema[]): this {
-    this.schema.children = children;
-    return this;
-  }
-}
-
-// Export factory functions
-export const form = () => new FormBuilder();
-export const crud = () => new CRUDBuilder();
-export const button = () => new ButtonBuilder();
-export const input = () => new InputBuilder();
-export const card = () => new CardBuilder();
-export const grid = () => new GridBuilder();
-export const flex = () => new FlexBuilder();