@object-ui/types 0.3.0 → 0.3.1

package/src/index.ts

@@ -1,3 +1,11 @@
+/**
+ * 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/types
  * 
@@ -75,6 +83,7 @@ export type {
   SeparatorSchema,
   ContainerSchema,
   FlexSchema,
+  StackSchema,
   GridSchema,
   CardSchema,
   TabsSchema,
@@ -82,6 +91,7 @@ export type {
   ScrollAreaSchema,
   ResizableSchema,
   ResizablePanel,
+  AspectRatioSchema,
   LayoutSchema,
   PageSchema,
 } from './layout';
@@ -99,15 +109,17 @@ export type {
   RadioGroupSchema,
   RadioOption,
   SwitchSchema,
-  ToggleSchema,
   SliderSchema,
   FileUploadSchema,
   DatePickerSchema,
   CalendarSchema,
-  InputOTPSchema,
   ValidationRule,
   FieldCondition,
   FormField,
+  ComboboxSchema,
+  CommandSchema,
+  InputOTPSchema,
+  ToggleSchema,
   FormSchema,
   LabelSchema,
   FormComponentSchema,
@@ -133,6 +145,7 @@ export type {
   ChartSchema,
   TimelineEvent,
   TimelineSchema,
+  KbdSchema,
   HtmlSchema,
   StatisticSchema,
   DataDisplaySchema,
@@ -142,10 +155,13 @@ export type {
 // Feedback Components - Status & Progress Indication
 // ============================================================================
 export type {
+  SpinnerSchema,
   LoadingSchema,
   ProgressSchema,
   SkeletonSchema,
   ToastSchema,
+  EmptySchema,
+  SonnerSchema,
   ToasterSchema,
   FeedbackSchema,
 } from './feedback';
@@ -155,6 +171,7 @@ export type {
 // ============================================================================
 export type {
   AccordionItem,
+  ToggleGroupSchema,
   AccordionSchema,
   CollapsibleSchema,
   DisclosureSchema,
@@ -174,6 +191,7 @@ export type {
   TooltipSchema,
   HoverCardSchema,
   MenuItem,
+  MenubarSchema,
   DropdownMenuSchema,
   ContextMenuSchema,
   OverlaySchema,
@@ -188,8 +206,10 @@ export type {
   SidebarSchema,
   BreadcrumbItem,
   BreadcrumbSchema,
-  PaginationSchema,
+  ButtonGroupSchema,
+  NavigationMenuSchema,
   NavigationSchema,
+  PaginationSchema,
 } from './navigation';
 
 // ============================================================================
@@ -209,6 +229,9 @@ export type {
   FilterField,
   CarouselItem,
   CarouselSchema,
+  DashboardWidgetLayout,
+  DashboardWidgetSchema,
+  DashboardSchema,
   ChatMessage,
   ChatbotSchema,
   ComplexSchema,
@@ -247,11 +270,68 @@ export type {
 // ObjectQL Components - ObjectQL-specific components
 // ============================================================================
 export type {
-  ObjectTableSchema,
+  // Schema types aligned with @objectstack/spec
+  HttpMethod,
+  HttpRequest,
+  ViewData,
+  ListColumn,
+  SelectionConfig,
+  PaginationConfig,
+  KanbanConfig,
+  CalendarConfig,
+  GanttConfig,
+  SortConfig,
+  // Component schemas
+  ObjectMapSchema,
+  ObjectGanttSchema,
+  ObjectCalendarSchema,
+  ObjectKanbanSchema,
+  ObjectChartSchema,
+  ListViewSchema,
+  ObjectGridSchema,
   ObjectFormSchema,
+  ObjectViewSchema,
   ObjectQLComponentSchema,
 } from './objectql';
 
+// ============================================================================
+// Field Types - ObjectQL Field Type System
+// ============================================================================
+export type {
+  BaseFieldMetadata,
+  TextFieldMetadata,
+  TextareaFieldMetadata,
+  MarkdownFieldMetadata,
+  HtmlFieldMetadata,
+  NumberFieldMetadata,
+  CurrencyFieldMetadata,
+  PercentFieldMetadata,
+  BooleanFieldMetadata,
+  DateFieldMetadata,
+  DateTimeFieldMetadata,
+  TimeFieldMetadata,
+  SelectFieldMetadata,
+  SelectOptionMetadata,
+  EmailFieldMetadata,
+  PhoneFieldMetadata,
+  UrlFieldMetadata,
+  PasswordFieldMetadata,
+  FileFieldMetadata,
+  FileMetadata,
+  ImageFieldMetadata,
+  LocationFieldMetadata,
+  LookupFieldMetadata,
+  FormulaFieldMetadata,
+  SummaryFieldMetadata,
+  AutoNumberFieldMetadata,
+  UserFieldMetadata,
+  ObjectFieldMetadata,
+  VectorFieldMetadata,
+  GridFieldMetadata,
+  FieldMetadata,
+  ObjectSchemaMetadata,
+} from './field-types';
+
 // ============================================================================
 // API and Events - API Integration and Event Handling
 // ============================================================================
@@ -273,16 +353,16 @@ export type {
 // ============================================================================
 
 import type { BaseSchema, SchemaNode } from './base';
-import type { LayoutSchema } from './layout';
+import type { LayoutSchema, PageSchema } from './layout';
 import type { FormComponentSchema } from './form';
 import type { DataDisplaySchema } from './data-display';
 import type { FeedbackSchema } from './feedback';
 import type { DisclosureSchema } from './disclosure';
 import type { OverlaySchema } from './overlay';
 import type { NavigationSchema } from './navigation';
-import type { ComplexSchema } from './complex';
+import type { ComplexSchema, DashboardSchema } from './complex';
 import type { CRUDComponentSchema } from './crud';
-import type { ObjectQLComponentSchema } from './objectql';
+import type { ObjectQLComponentSchema, ListViewSchema } from './objectql';
 import type { AppSchema } from './app';
 
 /**
@@ -293,6 +373,7 @@ export type AnySchema =
   | AppSchema 
   | BaseSchema
   | LayoutSchema
+  | PageSchema
   | FormComponentSchema
   | DataDisplaySchema
   | FeedbackSchema
@@ -300,8 +381,10 @@ export type AnySchema =
   | OverlaySchema
   | NavigationSchema
   | ComplexSchema
+  | DashboardSchema
   | CRUDComponentSchema
-  | ObjectQLComponentSchema;
+  | ObjectQLComponentSchema
+  | ListViewSchema;
 
 /**
  * Utility type to extract the schema type from a type string.

package/src/layout.ts

@@ -1,3 +1,11 @@
+/**
+ * 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/types - Layout Component Schemas
  * 
@@ -388,6 +396,60 @@ export interface ResizablePanel {
   content: SchemaNode | SchemaNode[];
 }
 
+/**
+ * Aspect ratio component
+ */
+export interface AspectRatioSchema extends BaseSchema {
+  type: 'aspect-ratio';
+  /**
+   * Aspect ratio (width / height)
+   * @default 16/9
+   */
+  ratio?: number;
+  /**
+   * Image URL to display
+   */
+  image?: string;
+  /**
+   * Image alt text
+   */
+  alt?: string;
+  /**
+   * Child components (alternative to image)
+   */
+  body?: SchemaNode | SchemaNode[];
+  /**
+   * Child components (alternative syntax)
+   */
+  children?: SchemaNode | SchemaNode[];
+}
+
+/**
+ * Page Region (Header, Sidebar, Main, etc)
+ */
+export interface PageRegion {
+  /**
+   * Region name/id
+   */
+  name: string;
+  /**
+   * Region type
+   */
+  type?: 'header' | 'sidebar' | 'main' | 'footer' | 'aside';
+  /**
+   * Width (flex basis)
+   */
+  width?: string;
+  /**
+   * Components in this region
+   */
+  components: SchemaNode[];
+  /**
+   * CSS class
+   */
+  className?: string;
+}
+
 /**
  * Page layout component
  * Top-level container for a page route
@@ -407,7 +469,12 @@ export interface PageSchema extends BaseSchema {
    */
   description?: string;
   /**
-   * Main content array
+   * Page layout regions
+   * (Aligned with @objectstack/spec Page.regions)
+   */
+  regions?: PageRegion[];
+  /**
+   * Main content array (Legacy/Simple mode)
    */
   body?: SchemaNode[];
   /**
@@ -428,24 +495,12 @@ export type LayoutSchema =
   | SeparatorSchema
   | ContainerSchema
   | FlexSchema
+  | StackSchema
   | GridSchema
   | CardSchema
   | TabsSchema
   | ScrollAreaSchema
   | ResizableSchema
+  | AspectRatioSchema
   | PageSchema;
 
-/**
- * Page container component
- */
-export interface PageSchema extends BaseSchema {
-  type: 'page';
-  /**
-   * Page title
-   */
-  title?: string;
-  /**
-   * Child components
-   */
-  children?: SchemaNode | SchemaNode[];
-}

package/src/navigation.ts

@@ -1,3 +1,11 @@
+/**
+ * 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/types - Navigation Component Schemas
  * 
@@ -199,7 +207,11 @@ export interface PaginationSchema extends BaseSchema {
   /**
    * Current page (1-indexed)
    */
-  page: number;
+  currentPage?: number;
+  /**
+   * Legacy page property
+   */
+  page?: number;
   /**
    * Total number of pages
    */
@@ -225,6 +237,99 @@ export interface PaginationSchema extends BaseSchema {
   onPageChange?: (page: number) => void;
 }
 
+/**
+ * Navigation menu item
+ */
+export interface NavigationMenuItem {
+  /**
+   * Item label
+   */
+  label: string;
+  /**
+   * Item href/link
+   */
+  href?: string;
+  /**
+   * Item description
+   */
+  description?: string;
+  /**
+   * Item icon
+   */
+  icon?: string;
+  /**
+   * Child items
+   */
+  children?: NavigationMenuItem[];
+}
+
+/**
+ * Navigation menu component
+ */
+export interface NavigationMenuSchema extends BaseSchema {
+  type: 'navigation-menu';
+  /**
+   * Navigation menu items
+   */
+  items?: NavigationMenuItem[];
+  /**
+   * Navigation menu orientation
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+}
+
+/**
+ * Button group button
+ */
+export interface ButtonGroupButton {
+  /**
+   * Button label
+   */
+  label: string;
+  /**
+   * Button variant
+   */
+  variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link';
+  /**
+   * Button size
+   */
+  size?: 'default' | 'sm' | 'lg' | 'icon';
+  /**
+   * Whether button is disabled
+   */
+  disabled?: boolean;
+  /**
+   * Click handler
+   */
+  onClick?: () => void;
+  /**
+   * Button CSS class
+   */
+  className?: string;
+}
+
+/**
+ * Button group component
+ */
+export interface ButtonGroupSchema extends BaseSchema {
+  type: 'button-group';
+  /**
+   * Button group buttons
+   */
+  buttons?: ButtonGroupButton[];
+  /**
+   * Default button variant
+   * @default 'default'
+   */
+  variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link';
+  /**
+   * Default button size
+   * @default 'default'
+   */
+  size?: 'default' | 'sm' | 'lg' | 'icon';
+}
+
 /**
  * Union type of all navigation schemas
  */
@@ -232,4 +337,6 @@ export type NavigationSchema =
   | HeaderBarSchema
   | SidebarSchema
   | BreadcrumbSchema
-  | PaginationSchema;
+  | PaginationSchema
+  | NavigationMenuSchema
+  | ButtonGroupSchema;