@stonecrop/stonecrop 0.4.22 → 0.4.24

package/dist/src/index.d.ts

@@ -1,5 +1,5 @@
 export type { BaseSchema, FieldsetSchema, FormSchema, SchemaTypes, TableSchema } from '@stonecrop/aform';
-export type { CellContext, GanttOptions, TableColumn, TableConfig, TableRow } from '@stonecrop/atable';
+export type { CellContext, ConnectionEvent, ConnectionHandle, ConnectionPath, GanttBarInfo, GanttDragEvent, GanttOptions, TableColumn, TableConfig, TableRow, } from '@stonecrop/atable';
 import { type StonecropReturn, useStonecrop } from './composable';
 import DoctypeMeta from './doctype';
 import Registry from './registry';

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,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEtG,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,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEvF,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}
+{"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,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEvF,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}

package/dist/stonecrop.d.ts

@@ -5,6 +5,7 @@ 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 type { StateMachine } from 'xstate';
 import { StoreDefinition } from 'pinia';
 
@@ -56,6 +57,89 @@ export declare interface CellContext {
     };
 }
 
+/**
+ * Connection event for handling connection creation/deletion.
+ * @public
+ */
+export declare type ConnectionEvent = {
+    type: 'create' | 'delete';
+    connection: ConnectionPath;
+};
+
+/**
+ * Connection handle information for gantt bar connections.
+ * @public
+ */
+export declare interface ConnectionHandle {
+    /**
+     * Unique identifier for the connection handle.
+     */
+    id: string;
+    /**
+     * The row index of the gantt bar this handle belongs to.
+     */
+    rowIndex: number;
+    /**
+     * The column index of the gantt bar this handle belongs to.
+     */
+    colIndex: number;
+    /**
+     * The side of the gantt bar where this handle is located.
+     */
+    side: 'left' | 'right';
+    /**
+     * The position of the connection handle.
+     */
+    position: {
+        x: ShallowRef<number>;
+        y: ShallowRef<number>;
+    };
+    /**
+     * Whether the handle is currently visible (on hover).
+     */
+    visible: Ref<boolean>;
+    /**
+     * Reference to the gantt bar this handle belongs to.
+     */
+    barId: string;
+}
+
+/**
+ * Connection path between two gantt bars.
+ * @public
+ */
+export declare interface ConnectionPath {
+    /**
+     * Unique identifier for the connection path.
+     */
+    id: string;
+    /**
+     * The source connection handle.
+     */
+    from: {
+        barId: string;
+        side: 'left' | 'right';
+    };
+    /**
+     * The target connection handle.
+     */
+    to: {
+        barId: string;
+        side: 'left' | 'right';
+    };
+    /**
+     * Optional styling for the connection path.
+     */
+    style?: {
+        color?: string;
+        width?: number;
+    };
+    /**
+     * Optional label for the connection.
+     */
+    label?: string;
+}
+
 /**
  * Doctype Meta class
  * @public
@@ -176,26 +260,105 @@ export declare type FormSchema = BaseSchema & {
 };
 
 /**
- * This interface defines the options for a row when it is being viewed as a Gantt chart.
+ * Gantt bar information for VueFlow integration.
+ * @public
+ */
+export declare interface GanttBarInfo {
+    /**
+     * Unique identifier for the gantt bar.
+     */
+    id: string;
+    /**
+     * The row index of the gantt bar.
+     */
+    rowIndex: number;
+    /**
+     * The primary column index of the gantt bar (typically the start index).
+     */
+    colIndex: number;
+    /**
+     * Starting column index of the gantt bar.
+     */
+    startIndex: Ref<number>;
+    /**
+     * Ending column index of the gantt bar.
+     */
+    endIndex: Ref<number>;
+    /**
+     * Color of the gantt bar.
+     */
+    color: Ref<string>;
+    /**
+     * The position of the gantt bar in the ATable component.
+     */
+    position: {
+        x: ShallowRef<number>;
+        y: ShallowRef<number>;
+    };
+    /**
+     * Display label for the gantt bar.
+     */
+    label?: string;
+}
+
+/**
+ * Gantt table drag event definition.
+ * @public
+ */
+export declare type GanttDragEvent = {
+    rowIndex: number;
+    colIndex: number;
+    delta: number;
+} & ({
+    type: 'bar';
+    oldStart: number;
+    oldEnd: number;
+    newStart: number;
+    newEnd: number;
+    colspan: number;
+} | {
+    type: 'resize';
+    edge: 'start';
+    oldStart: number;
+    newStart: number;
+    end: number;
+    oldColspan: number;
+    newColspan: number;
+} | {
+    type: 'resize';
+    edge: 'end';
+    oldEnd: number;
+    newEnd: number;
+    start: number;
+    oldColspan: number;
+    newColspan: number;
+});
+
+/**
+ * Gantt chart options for table rows.
  * @public
  */
 export declare interface GanttOptions {
     /**
-     * The colour to be applied to the row's gantt bar.
+     * The color to be applied to the row's gantt bar.
+     *
+     * @defaultValue '#cccccc'
      */
     color?: string;
     /**
      * The starting column index for the gantt bar.
+     *
+     * @defaultValue 0
      */
     startIndex?: number;
     /**
-     * The ending column index for the gantt bar. If the endIndex and colspan are not provided,
+     * The ending column index for the gantt bar. If endIndex and colspan are not provided,
      * the bar will stretch to the end of the table.
      */
     endIndex?: number;
     /**
-     * The length of the gantt bar. Useful when only the start index is provided. If the
-     * colspan and endIndex are not provided, the bar will stretch to the end of the table.
+     * The length of the gantt bar in columns. Useful when only the start index is provided.
+     * If colspan and endIndex are not provided, the bar will stretch to the end of the table.
      */
     colspan?: number;
 }
@@ -619,8 +782,8 @@ export declare interface TableColumn {
      */
     ganttComponent?: string;
     /**
-     * The colspan of the Gantt-bar for the column. This is used to determine how many columns
-     * the Gantt-bar should span.
+     * The colspan of the Gantt bar for the column. This determines how many columns
+     * the Gantt bar should span across.
      *
      * Only applicable for Gantt tables.
      *
@@ -628,8 +791,8 @@ export declare interface TableColumn {
      */
     colspan?: number;
     /**
-     * The starting column index for the Gantt-bar, excluding any pinned columns. This is
-     * evaluated automatically while rendering the table.
+     * The original column index for the Gantt bar, excluding any pinned columns.
+     * This is evaluated automatically while rendering the table.
      *
      * Only applicable for Gantt tables.
      *
@@ -649,8 +812,10 @@ export declare interface TableConfig {
      * - `list` - row numbers are displayed in the table
      * - `list-expansion` - carets are displayed in the number column that expand/collapse the row inline
      * - `tree` - carets are displayed in the number column that expand/collapse grouped rows
+     * - `gantt` - view that allows specific rows to be displayed with Gantt functionality
+     * - `tree-gantt` - similar to `gantt`, but allows for tree functionality as well
      */
-    view?: 'uncounted' | 'list' | 'list-expansion' | 'tree' | 'gantt';
+    view?: 'uncounted' | 'list' | 'list-expansion' | 'tree' | 'gantt' | 'tree-gantt';
     /**
      * Control whether the table should be allowed to use the full width of its container.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/stonecrop",
-  "version": "0.4.22",
+  "version": "0.4.24",
   "description": "schema helper",
   "license": "MIT",
   "type": "module",
@@ -52,8 +52,8 @@
     "eslint-plugin-vue": "^9.33.0",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
-    "@stonecrop/atable": "0.4.22",
-    "@stonecrop/aform": "0.4.22",
+    "@stonecrop/aform": "0.4.24",
+    "@stonecrop/atable": "0.4.24",
     "stonecrop-rig": "0.2.22"
   },
   "publishConfig": {

package/src/index.ts

@@ -1,5 +1,16 @@
 export type { BaseSchema, FieldsetSchema, FormSchema, SchemaTypes, TableSchema } from '@stonecrop/aform'
-export type { CellContext, GanttOptions, TableColumn, TableConfig, TableRow } from '@stonecrop/atable'
+export type {
+	CellContext,
+	ConnectionEvent,
+	ConnectionHandle,
+	ConnectionPath,
+	GanttBarInfo,
+	GanttDragEvent,
+	GanttOptions,
+	TableColumn,
+	TableConfig,
+	TableRow,
+} from '@stonecrop/atable'
 
 import { type StonecropReturn, useStonecrop } from './composable'
 import DoctypeMeta from './doctype'