@stonecrop/stonecrop 0.4.31 → 0.4.32

package/dist/src/index.d.ts

@@ -1,10 +1,10 @@
-export type { BaseSchema, FieldsetSchema, FormSchema, SchemaTypes, TableSchema } from '@stonecrop/aform';
-export type { CellContext, ConnectionEvent, ConnectionHandle, ConnectionPath, GanttBarInfo, GanttDragEvent, GanttOptions, TableColumn, TableConfig, TableRow, } from '@stonecrop/atable';
+export type * from '@stonecrop/aform/types';
+export type * from '@stonecrop/atable/types';
 import { type StonecropReturn, useStonecrop } from './composable';
 import DoctypeMeta from './doctype';
 import Registry from './registry';
 import Stonecrop from './plugins';
 import { Stonecrop as StonecropClass } from './stonecrop';
-export type { ImmutableDoctype, MutableDoctype, Schema, InstallOptions } from './types';
+export type * from './types';
 export { DoctypeMeta, Registry, Stonecrop, StonecropClass, StonecropReturn, useStonecrop };
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACxG,YAAY,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAW,EACX,WAAW,EACX,QAAQ,GACR,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,KAAK,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACjE,OAAO,WAAW,MAAM,WAAW,CAAA;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAS,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,aAAa,CAAA;AACzD,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEvF,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,wBAAwB,CAAA;AAC3C,mBAAmB,yBAAyB,CAAA;AAE5C,OAAO,EAAE,KAAK,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACjE,OAAO,WAAW,MAAM,WAAW,CAAA;AACnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAS,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,aAAa,CAAA;AACzD,mBAAmB,SAAS,CAAA;AAE5B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}

package/dist/stonecrop.d.ts

@@ -1,13 +1,18 @@
 import type { AnyStateNodeConfig } from 'xstate';
 import { Component } from 'vue';
+import { ComputedRef } from 'vue';
+import { CSSProperties } from 'vue';
 import { List } from 'immutable';
 import { Map as Map_2 } from 'immutable';
 import { Plugin as Plugin_2 } from 'vue';
 import { Ref } from 'vue';
 import { Router } from 'vue-router';
 import type { ShallowRef } from 'vue';
+import { Store } from 'pinia';
 import { StoreDefinition } from 'pinia';
 import type { UnknownMachineConfig } from 'xstate';
+import { useElementBounding } from '@vueuse/core';
+import { WritableComputedRef } from 'vue';
 
 /**
  * Basic field structure for AForm schemas
@@ -57,6 +62,55 @@ export declare interface CellContext {
     };
 }
 
+/**
+ * Defined props for AForm components
+ * @public
+ */
+export declare type ComponentProps = {
+    /**
+     * The schema object to pass to the component
+     * @public
+     */
+    schema?: SchemaTypes;
+    /**
+     * The label to display in the component
+     * @public
+     */
+    label?: string;
+    /**
+     * The masking string to apply to inputs inside the component
+     * @public
+     */
+    mask?: string;
+    /**
+     * Indicate whether input is required for text and/or select elements inside the component
+     * @public
+     */
+    required?: boolean;
+    /**
+     * Indicate whether elements inside the component are read-only
+     * @public
+     */
+    readonly?: boolean;
+    /**
+     * Set a unique identifier for elements inside the component
+     * @public
+     */
+    uuid?: string;
+    /**
+     * Validation options for elements inside the component
+     * @public
+     */
+    validation?: {
+        /**
+         * The error message to display when validation fails
+         * @public
+         */
+        errorMessage: string;
+        [key: string]: any;
+    };
+};
+
 /**
  * Connection event for handling connection creation/deletion.
  * @public
@@ -140,6 +194,725 @@ export declare interface ConnectionPath {
     label?: string;
 }
 
+/**
+ * Create a table store
+ * @param initData - Initial data for the table store
+ * @returns table store instance
+ * @public
+ */
+declare const createTableStore: (initData: {
+    columns: TableColumn[];
+    rows: TableRow[];
+    id?: string;
+    config?: TableConfig;
+    modal?: TableModal;
+}) => Store<`table-${string}`, Pick<{
+columns: Ref<    {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[], TableColumn[] | {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[]>;
+config: Ref<    {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}, TableConfig | {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}>;
+connectionHandles: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[], ConnectionHandle[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[]>;
+connectionPaths: Ref<    {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[], ConnectionPath[] | {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[]>;
+display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
+ganttBars: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[], GanttBarInfo[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[]>;
+modal: Ref<    {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}, TableModal | {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[], TableRow[] | {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[]>;
+table: ComputedRef<    {}>;
+updates: Ref<Record<string, string>, Record<string, string>>;
+hasPinnedColumns: ComputedRef<boolean>;
+isGanttView: ComputedRef<boolean>;
+isTreeView: ComputedRef<boolean>;
+isDependencyGraphEnabled: ComputedRef<boolean>;
+numberedRowWidth: ComputedRef<string>;
+zeroColumn: ComputedRef<boolean>;
+closeModal: (event: MouseEvent) => void;
+createConnection: (fromHandleId: string, toHandleId: string, options?: {
+style?: ConnectionPath["style"];
+label?: string;
+}) => ConnectionPath | null;
+deleteConnection: (connectionId: string) => boolean;
+getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
+getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
+getConnectionsForBar: (barId: string) => {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[];
+getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
+getHandlesForBar: (barId: string) => {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[];
+getHeaderCellStyle: (column: TableColumn) => CSSProperties;
+getIndent: (colIndex: number, indentLevel?: number) => string;
+getRowExpandSymbol: (rowIndex: number) => "" | "▼" | "►";
+isRowGantt: (rowIndex: number) => boolean;
+isRowVisible: (rowIndex: number) => boolean | undefined;
+registerConnectionHandle: (handleInfo: ConnectionHandle) => void;
+registerGanttBar: (barInfo: GanttBarInfo) => void;
+resizeColumn: (colIndex: number, newWidth: number) => void;
+setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+setCellText: (colIndex: number, rowIndex: number, value: string) => void;
+toggleRowExpand: (rowIndex: number) => void;
+unregisterConnectionHandle: (handleId: string) => void;
+unregisterGanttBar: (barId: string) => void;
+updateGanttBar: (event: GanttDragEvent) => void;
+updateRows: (newRows: TableRow[]) => void;
+}, "columns" | "config" | "connectionHandles" | "connectionPaths" | "ganttBars" | "modal" | "rows" | "updates">, Pick<{
+columns: Ref<    {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[], TableColumn[] | {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[]>;
+config: Ref<    {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}, TableConfig | {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}>;
+connectionHandles: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[], ConnectionHandle[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[]>;
+connectionPaths: Ref<    {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[], ConnectionPath[] | {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[]>;
+display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
+ganttBars: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[], GanttBarInfo[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[]>;
+modal: Ref<    {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}, TableModal | {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[], TableRow[] | {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[]>;
+table: ComputedRef<    {}>;
+updates: Ref<Record<string, string>, Record<string, string>>;
+hasPinnedColumns: ComputedRef<boolean>;
+isGanttView: ComputedRef<boolean>;
+isTreeView: ComputedRef<boolean>;
+isDependencyGraphEnabled: ComputedRef<boolean>;
+numberedRowWidth: ComputedRef<string>;
+zeroColumn: ComputedRef<boolean>;
+closeModal: (event: MouseEvent) => void;
+createConnection: (fromHandleId: string, toHandleId: string, options?: {
+style?: ConnectionPath["style"];
+label?: string;
+}) => ConnectionPath | null;
+deleteConnection: (connectionId: string) => boolean;
+getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
+getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
+getConnectionsForBar: (barId: string) => {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[];
+getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
+getHandlesForBar: (barId: string) => {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[];
+getHeaderCellStyle: (column: TableColumn) => CSSProperties;
+getIndent: (colIndex: number, indentLevel?: number) => string;
+getRowExpandSymbol: (rowIndex: number) => "" | "▼" | "►";
+isRowGantt: (rowIndex: number) => boolean;
+isRowVisible: (rowIndex: number) => boolean | undefined;
+registerConnectionHandle: (handleInfo: ConnectionHandle) => void;
+registerGanttBar: (barInfo: GanttBarInfo) => void;
+resizeColumn: (colIndex: number, newWidth: number) => void;
+setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+setCellText: (colIndex: number, rowIndex: number, value: string) => void;
+toggleRowExpand: (rowIndex: number) => void;
+unregisterConnectionHandle: (handleId: string) => void;
+unregisterGanttBar: (barId: string) => void;
+updateGanttBar: (event: GanttDragEvent) => void;
+updateRows: (newRows: TableRow[]) => void;
+}, "display" | "table" | "hasPinnedColumns" | "isGanttView" | "isTreeView" | "isDependencyGraphEnabled" | "numberedRowWidth" | "zeroColumn">, Pick<{
+columns: Ref<    {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[], TableColumn[] | {
+name: string;
+align?: CanvasTextAlign | undefined;
+edit?: boolean | undefined;
+label?: string | undefined;
+type?: string | undefined;
+width?: string | undefined;
+pinned?: boolean | undefined;
+resizable?: boolean | undefined;
+cellComponent?: string | undefined;
+cellComponentProps?: Record<string, any> | undefined;
+modalComponent?: string | ((context: CellContext) => string) | undefined;
+modalComponentExtraProps?: Record<string, any> | undefined;
+format?: string | ((value: any, context: CellContext) => string) | undefined;
+mask?: ((value: any) => any) | undefined;
+isGantt?: boolean | undefined;
+ganttComponent?: string | undefined;
+colspan?: number | undefined;
+originalIndex?: number | undefined;
+}[]>;
+config: Ref<    {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}, TableConfig | {
+view?: "uncounted" | "list" | "list-expansion" | "tree" | "gantt" | "tree-gantt" | undefined;
+fullWidth?: boolean | undefined;
+dependencyGraph?: boolean | undefined;
+}>;
+connectionHandles: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[], ConnectionHandle[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[]>;
+connectionPaths: Ref<    {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[], ConnectionPath[] | {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[]>;
+display: WritableComputedRef<TableDisplay[], TableDisplay[]>;
+ganttBars: Ref<    {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[], GanttBarInfo[] | {
+id: string;
+rowIndex: number;
+colIndex: number;
+startIndex: number;
+endIndex: number;
+color: string;
+position: {
+x: number;
+y: number;
+};
+label?: string | undefined;
+}[]>;
+modal: Ref<    {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}, TableModal | {
+visible?: boolean | undefined;
+cell?: (HTMLTableCellElement | null) | undefined;
+parent?: HTMLElement | undefined;
+colIndex?: number | undefined;
+rowIndex?: number | undefined;
+component?: string | undefined;
+componentProps?: Record<string, any> | undefined;
+bottom?: number | undefined;
+height?: number | undefined;
+left?: number | undefined;
+width?: number | undefined;
+}>;
+rows: Ref<    {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[], TableRow[] | {
+[x: string]: any;
+indent?: number | undefined;
+parent?: number | undefined;
+gantt?: {
+color?: string | undefined;
+startIndex?: number | undefined;
+endIndex?: number | undefined;
+colspan?: number | undefined;
+} | undefined;
+}[]>;
+table: ComputedRef<    {}>;
+updates: Ref<Record<string, string>, Record<string, string>>;
+hasPinnedColumns: ComputedRef<boolean>;
+isGanttView: ComputedRef<boolean>;
+isTreeView: ComputedRef<boolean>;
+isDependencyGraphEnabled: ComputedRef<boolean>;
+numberedRowWidth: ComputedRef<string>;
+zeroColumn: ComputedRef<boolean>;
+closeModal: (event: MouseEvent) => void;
+createConnection: (fromHandleId: string, toHandleId: string, options?: {
+style?: ConnectionPath["style"];
+label?: string;
+}) => ConnectionPath | null;
+deleteConnection: (connectionId: string) => boolean;
+getCellData: <T = any>(colIndex: number, rowIndex: number) => T;
+getCellDisplayValue: (colIndex: number, rowIndex: number) => any;
+getConnectionsForBar: (barId: string) => {
+id: string;
+from: {
+barId: string;
+side: "left" | "right";
+};
+to: {
+barId: string;
+side: "left" | "right";
+};
+style?: {
+color?: string | undefined;
+width?: number | undefined;
+} | undefined;
+label?: string | undefined;
+}[];
+getFormattedValue: (colIndex: number, rowIndex: number, value: any) => any;
+getHandlesForBar: (barId: string) => {
+id: string;
+rowIndex: number;
+colIndex: number;
+side: "left" | "right";
+position: {
+x: number;
+y: number;
+};
+visible: boolean;
+barId: string;
+}[];
+getHeaderCellStyle: (column: TableColumn) => CSSProperties;
+getIndent: (colIndex: number, indentLevel?: number) => string;
+getRowExpandSymbol: (rowIndex: number) => "" | "▼" | "►";
+isRowGantt: (rowIndex: number) => boolean;
+isRowVisible: (rowIndex: number) => boolean | undefined;
+registerConnectionHandle: (handleInfo: ConnectionHandle) => void;
+registerGanttBar: (barInfo: GanttBarInfo) => void;
+resizeColumn: (colIndex: number, newWidth: number) => void;
+setCellData: (colIndex: number, rowIndex: number, value: any) => void;
+setCellText: (colIndex: number, rowIndex: number, value: string) => void;
+toggleRowExpand: (rowIndex: number) => void;
+unregisterConnectionHandle: (handleId: string) => void;
+unregisterGanttBar: (barId: string) => void;
+updateGanttBar: (event: GanttDragEvent) => void;
+updateRows: (newRows: TableRow[]) => void;
+}, "closeModal" | "createConnection" | "deleteConnection" | "getCellData" | "getCellDisplayValue" | "getConnectionsForBar" | "getFormattedValue" | "getHandlesForBar" | "getHeaderCellStyle" | "getIndent" | "getRowExpandSymbol" | "isRowGantt" | "isRowVisible" | "registerConnectionHandle" | "registerGanttBar" | "resizeColumn" | "setCellData" | "setCellText" | "toggleRowExpand" | "unregisterConnectionHandle" | "unregisterGanttBar" | "updateGanttBar" | "updateRows">>;
+
 /**
  * Doctype Meta class
  * @public
@@ -793,6 +1566,160 @@ export declare interface TableConfig {
     dependencyGraph?: boolean;
 }
 
+/**
+ * Table display definition.
+ * @public
+ */
+export declare interface TableDisplay {
+    /**
+     * Indicates whether a row node is expanded or collapsed.
+     *
+     * Only applicable for list-expansion views.
+     *
+     * @defaultValue false
+     */
+    expanded?: boolean;
+    /**
+     * Indicates whether a row node's child nodes are open or closed.
+     *
+     * Only applicable for tree views.
+     *
+     * @defaultValue false
+     */
+    childrenOpen?: boolean;
+    /**
+     * Indicates whether a row node is a parent node. This is evaluated automatically
+     * while rendering the table.
+     *
+     * Only applicable for tree views.
+     */
+    isParent?: boolean;
+    /**
+     * Indicates whether a row node is a root node. This is evaluated automatically
+     * while rendering the table.
+     *
+     * Only applicable for tree views.
+     */
+    isRoot?: boolean;
+    /**
+     * Indicates whether a row node is visible. This is evaluated automatically
+     * while rendering the table.
+     *
+     * Only applicable for tree views.
+     */
+    open?: boolean;
+    /**
+     * The indentation level of the row node.
+     *
+     * Only applicable for tree and gantt views.
+     *
+     * @defaultValue 0
+     */
+    indent?: number;
+    /**
+     * The HTML parent element for the row node. This is evaluated automatically while rendering
+     * the table.
+     *
+     * Only applicable for tree and gantt views.
+     */
+    parent?: number;
+    /**
+     * Indicates whether a row node has been modified. This is evaluated automatically when a cell
+     * is edited.
+     *
+     * @defaultValue false
+     */
+    rowModified?: boolean;
+}
+
+/**
+ * Table modal definition.
+ * @public
+ */
+export declare interface TableModal {
+    /**
+     * Indicates whether the table modal is currently visible.
+     *
+     * @defaultValue false
+     */
+    visible?: boolean;
+    /**
+     * The HTML cell element that the modal is currently being displayed for. The field is unset
+     * when the modal is not being displayed.
+     */
+    cell?: HTMLTableCellElement | null;
+    /**
+     * The HTML parent element that the modal is currently being displayed for. The field is unset
+     * when the modal is not being displayed.
+     */
+    parent?: HTMLElement;
+    /**
+     * The index of the column that the modal is currently being displayed for. The field is
+     * unset when the modal is not being displayed.
+     */
+    colIndex?: number;
+    /**
+     * The index of the row that the modal is currently being displayed for. The field is
+     * unset when the modal is not being displayed.
+     */
+    rowIndex?: number;
+    /**
+     * The component to use to render the modal. If not provided, the table will
+     * try to use the column's `modalComponent` property, if set. If that is not set,
+     * the table will not display a modal.
+     *
+     * @see {@link TableColumn.modalComponent}
+     */
+    component?: string;
+    /**
+     * Additional properties to pass to the table's modal component.
+     */
+    componentProps?: Record<string, any>;
+    /**
+     * Reactive bottom value for the modal's bounding box. The field is unset when the modal
+     * is not being displayed.
+     */
+    bottom?: ReturnType<typeof useElementBounding>['bottom'];
+    /**
+     * Reactive height value for the modal's bounding box. The field is unset when the modal
+     * is not being displayed.
+     */
+    height?: ReturnType<typeof useElementBounding>['height'];
+    /**
+     * Reactive left value for the modal's bounding box. The field is unset when the modal
+     * is not being displayed.
+     */
+    left?: ReturnType<typeof useElementBounding>['left'];
+    /**
+     * Reactive width value for the modal's bounding box. The field is unset when the modal
+     * is not being displayed.
+     */
+    width?: ReturnType<typeof useElementBounding>['width'];
+}
+
+/**
+ * Table modal component props definition.
+ * @public
+ */
+export declare interface TableModalProps {
+    /**
+     * Additional arbitrary properties that can be passed to the modal component.
+     */
+    [key: string]: any;
+    /**
+     * The index of the column that the modal is currently being displayed for.
+     */
+    colIndex: number;
+    /**
+     * The index of the row that the modal is currently being displayed for.
+     */
+    rowIndex: number;
+    /**
+     * The store for managing the current table's state.
+     */
+    store: ReturnType<typeof createTableStore>;
+}
+
 /**
  * Table row definition.
  * @public

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/stonecrop",
-  "version": "0.4.31",
+  "version": "0.4.32",
   "description": "schema helper",
   "license": "MIT",
   "type": "module",
@@ -23,6 +23,10 @@
         "default": "./dist/stonecrop.js"
       },
       "require": "./dist/stonecrop.umd.cjs"
+    },
+    "./types": {
+      "import": "./dist/src/types/index.d.ts",
+      "require": "./dist/src/types/index.d.ts"
     }
   },
   "typings": "./dist/src/index.d.ts",
@@ -54,8 +58,8 @@
     "typescript": "^5.8.3",
     "vite": "^7.0.6",
     "vitest": "^3.2.4",
-    "@stonecrop/aform": "0.4.31",
-    "@stonecrop/atable": "0.4.31",
+    "@stonecrop/aform": "0.4.32",
+    "@stonecrop/atable": "0.4.32",
     "stonecrop-rig": "0.2.22"
   },
   "publishConfig": {

package/src/index.ts

@@ -1,22 +1,11 @@
-export type { BaseSchema, FieldsetSchema, FormSchema, SchemaTypes, TableSchema } from '@stonecrop/aform'
-export type {
-	CellContext,
-	ConnectionEvent,
-	ConnectionHandle,
-	ConnectionPath,
-	GanttBarInfo,
-	GanttDragEvent,
-	GanttOptions,
-	TableColumn,
-	TableConfig,
-	TableRow,
-} from '@stonecrop/atable'
+export type * from '@stonecrop/aform/types'
+export type * from '@stonecrop/atable/types'
 
 import { type StonecropReturn, useStonecrop } from './composable'
 import DoctypeMeta from './doctype'
 import Registry from './registry'
 import Stonecrop from './plugins'
 import { Stonecrop as StonecropClass } from './stonecrop'
-export type { ImmutableDoctype, MutableDoctype, Schema, InstallOptions } from './types'
+export type * from './types'
 
 export { DoctypeMeta, Registry, Stonecrop, StonecropClass, StonecropReturn, useStonecrop }