@stonecrop/atable 0.4.23 → 0.4.25

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

@@ -1,4 +1,5 @@
 import { useElementBounding } from '@vueuse/core';
+import type { Ref, ShallowRef } from 'vue';
 import { createTableStore } from '../stores/table';
 /**
  * Table column definition.
@@ -115,8 +116,8 @@ export 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.
      *
@@ -124,8 +125,8 @@ export 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.
      *
@@ -164,8 +165,10 @@ export 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.
      *
@@ -268,26 +271,30 @@ export interface TableRow {
     gantt?: GanttOptions;
 }
 /**
- * This interface defines the options for a row when it is being viewed as a Gantt chart.
+ * Gantt chart options for table rows.
  * @public
  */
 export 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;
 }
@@ -409,4 +416,125 @@ export interface TableModalProps {
      */
     store: ReturnType<typeof createTableStore>;
 }
+/**
+ * Gantt bar information for VueFlow integration.
+ * @public
+ */
+export 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;
+}
+/**
+ * Connection handle information for gantt bar connections.
+ * @public
+ */
+export 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 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;
+}
+/**
+ * Connection event for handling connection creation/deletion.
+ * @public
+ */
+export type ConnectionEvent = {
+    type: 'create' | 'delete';
+    connection: ConnectionPath;
+};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/stores/table.js

@@ -10,35 +10,18 @@ import { generateHash } from '../utils';
 export const createTableStore = (initData) => {
     const id = initData.id || generateHash();
     const createStore = defineStore(`table-${id}`, () => {
-        // util functions
-        const createTableObject = () => {
-            const table = {};
-            for (const [colIndex, column] of columns.value.entries()) {
-                for (const [rowIndex, row] of rows.value.entries()) {
-                    table[`${colIndex}:${rowIndex}`] = row[column.name];
-                }
-            }
-            return table;
-        };
-        const createDisplayObject = (display) => {
+        const createDisplayObject = () => {
             const defaultDisplay = [Object.assign({}, { rowModified: false })];
-            // TODO: (typing) what is the type of `display` here?
-            if (display) {
-                if ('0:0' in display) {
-                    return display;
-                }
-                // else if ('default' in display) {
-                // 	// TODO: (typing) what is the possible input here for 'default'?
-                // 	defaultDisplay = display.default
-                // }
-            }
             // TODO: (typing) is this type correct for the parent set?
             const parents = new Set();
-            for (let rowIndex = rows.value.length - 1; rowIndex >= 0; rowIndex--) {
+            for (let rowIndex = 0; rowIndex < rows.value.length; rowIndex++) {
                 const row = rows.value[rowIndex];
-                if (row.parent) {
+                if (row.parent !== null && row.parent !== undefined) {
                     parents.add(row.parent);
                 }
+            }
+            for (let rowIndex = 0; rowIndex < rows.value.length; rowIndex++) {
+                const row = rows.value[rowIndex];
                 defaultDisplay[rowIndex] = {
                     childrenOpen: false,
                     expanded: false,
@@ -56,24 +39,78 @@ export const createTableStore = (initData) => {
         const columns = ref(initData.columns);
         const rows = ref(initData.rows);
         const config = ref(initData.config || {});
-        const table = ref(initData.table || createTableObject());
-        const display = ref(createDisplayObject(initData.display));
+        // Track row modifications and expand states separately from the computed display
+        const rowModifications = ref({});
+        const rowExpandStates = ref({});
+        const table = computed(() => {
+            const table = {};
+            for (const [colIndex, column] of columns.value.entries()) {
+                for (const [rowIndex, row] of rows.value.entries()) {
+                    table[`${colIndex}:${rowIndex}`] = row[column.name];
+                }
+            }
+            return table;
+        });
+        const display = computed({
+            get: () => {
+                const baseDisplay = createDisplayObject();
+                // Apply persistent modifications and expand states
+                for (let i = 0; i < baseDisplay.length; i++) {
+                    if (rowModifications.value[i]) {
+                        baseDisplay[i].rowModified = rowModifications.value[i];
+                    }
+                    if (rowExpandStates.value[i]) {
+                        if (rowExpandStates.value[i].childrenOpen !== undefined) {
+                            baseDisplay[i].childrenOpen = rowExpandStates.value[i].childrenOpen;
+                        }
+                        if (rowExpandStates.value[i].expanded !== undefined) {
+                            baseDisplay[i].expanded = rowExpandStates.value[i].expanded;
+                        }
+                    }
+                }
+                // Calculate 'open' property for tree view based on parent's childrenOpen state
+                if (isTreeView.value) {
+                    for (let i = 0; i < baseDisplay.length; i++) {
+                        const row = baseDisplay[i];
+                        if (!row.isRoot && row.parent !== null && row.parent !== undefined) {
+                            // Child row is 'open' if its parent's childrenOpen is true
+                            const parentIndex = row.parent;
+                            if (parentIndex >= 0 && parentIndex < baseDisplay.length) {
+                                baseDisplay[i].open = baseDisplay[parentIndex].childrenOpen || false;
+                            }
+                        }
+                    }
+                }
+                return baseDisplay;
+            },
+            set: (newDisplay) => {
+                // Only update if the new display is different from the current one; also avoids recursive updates
+                if (JSON.stringify(newDisplay) !== JSON.stringify(display.value)) {
+                    display.value = newDisplay;
+                }
+            },
+        });
         const modal = ref(initData.modal || { visible: false });
         const updates = ref({});
+        const ganttBars = ref([]);
+        const connectionHandles = ref([]);
+        const connectionPaths = ref([]);
         // getters
         const hasPinnedColumns = computed(() => columns.value.some(col => col.pinned));
+        const isGanttView = computed(() => config.value.view === 'gantt' || config.value.view === 'tree-gantt');
+        const isTreeView = computed(() => config.value.view === 'tree' || config.value.view === 'tree-gantt');
         const numberedRowWidth = computed(() => {
             const indent = Math.ceil(rows.value.length / 100 + 1);
             return `${indent}ch`;
         });
-        const zeroColumn = computed(() => config.value.view ? ['list', 'tree', 'list-expansion'].includes(config.value.view) : false);
+        const zeroColumn = computed(() => config.value.view ? ['list', 'tree', 'tree-gantt', 'list-expansion'].includes(config.value.view) : false);
         // actions
         const getCellData = (colIndex, rowIndex) => table.value[`${colIndex}:${rowIndex}`];
         const setCellData = (colIndex, rowIndex, value) => {
             const index = `${colIndex}:${rowIndex}`;
             const col = columns.value[colIndex];
             if (table.value[index] !== value) {
-                display.value[rowIndex].rowModified = true;
+                rowModifications.value[rowIndex] = true;
             }
             table.value[index] = value;
             // Create a new row object to ensure reactivity
@@ -82,10 +119,13 @@ export const createTableStore = (initData) => {
                 [col.name]: value,
             };
         };
+        const updateRows = (newRows) => {
+            rows.value = newRows;
+        };
         const setCellText = (colIndex, rowIndex, value) => {
             const index = `${colIndex}:${rowIndex}`;
             if (table.value[index] !== value) {
-                display.value[rowIndex].rowModified = true;
+                rowModifications.value[rowIndex] = true;
                 updates.value[index] = value;
             }
         };
@@ -116,34 +156,53 @@ export const createTableStore = (initData) => {
         };
         const isRowGantt = (rowIndex) => {
             const row = rows.value[rowIndex];
-            return config.value.view === 'gantt' && row.indent === 0;
+            return isGanttView.value && row.gantt !== undefined;
         };
         const isRowVisible = (rowIndex) => {
-            return config.value.view !== 'tree' || display.value[rowIndex].isRoot || display.value[rowIndex].open;
+            return !isTreeView.value || display.value[rowIndex].isRoot || display.value[rowIndex].open;
         };
         const getRowExpandSymbol = (rowIndex) => {
-            if (config.value.view !== 'tree') {
+            if (!isTreeView.value && config.value.view !== 'list-expansion') {
                 return '';
             }
-            if (display.value[rowIndex].isRoot || display.value[rowIndex].isParent) {
-                return display.value[rowIndex].childrenOpen ? '-' : '+';
+            if (isTreeView.value && (display.value[rowIndex].isRoot || display.value[rowIndex].isParent)) {
+                return display.value[rowIndex].childrenOpen ? '▼' : '►';
+            }
+            if (config.value.view === 'list-expansion') {
+                return display.value[rowIndex].expanded ? '▼' : '►';
             }
             return '';
         };
         const toggleRowExpand = (rowIndex) => {
-            if (config.value.view === 'tree') {
-                display.value[rowIndex].childrenOpen = !display.value[rowIndex].childrenOpen;
-                for (let index = rows.value.length - 1; index >= 0; index--) {
-                    if (display.value[index].parent === rowIndex) {
-                        display.value[index].open = !display.value[index].open;
-                        if (display.value[index].childrenOpen) {
+            if (isTreeView.value) {
+                const currentState = rowExpandStates.value[rowIndex] || {};
+                const currentChildrenOpen = currentState.childrenOpen ?? display.value[rowIndex].childrenOpen;
+                const newChildrenOpen = !currentChildrenOpen;
+                rowExpandStates.value[rowIndex] = {
+                    ...currentState,
+                    childrenOpen: newChildrenOpen,
+                };
+                // If we're closing, recursively close all descendant nodes
+                if (!newChildrenOpen) {
+                    for (let index = 0; index < rows.value.length; index++) {
+                        if (display.value[index].parent === rowIndex) {
+                            const childState = rowExpandStates.value[index] || {};
+                            rowExpandStates.value[index] = {
+                                ...childState,
+                                childrenOpen: false,
+                            };
                             toggleRowExpand(index);
                         }
                     }
                 }
             }
             else if (config.value.view === 'list-expansion') {
-                display.value[rowIndex].expanded = !display.value[rowIndex].expanded;
+                const currentState = rowExpandStates.value[rowIndex] || {};
+                const currentExpanded = currentState.expanded ?? display.value[rowIndex].expanded;
+                rowExpandStates.value[rowIndex] = {
+                    ...currentState,
+                    expanded: !currentExpanded,
+                };
             }
         };
         const getCellDisplayValue = (colIndex, rowIndex) => {
@@ -211,34 +270,120 @@ export const createTableStore = (initData) => {
                 }
             }
         };
+        const registerGanttBar = (barInfo) => {
+            const existingIndex = ganttBars.value.findIndex(bar => bar.id === barInfo.id);
+            if (existingIndex >= 0) {
+                // @ts-expect-error TODO: for some reason, the IDE is expecting an unref'd value
+                ganttBars.value[existingIndex] = barInfo;
+            }
+            else {
+                // @ts-expect-error TODO: for some reason, the IDE is expecting an unref'd value
+                ganttBars.value.push(barInfo);
+            }
+        };
+        const unregisterGanttBar = (barId) => {
+            const index = ganttBars.value.findIndex(bar => bar.id === barId);
+            if (index >= 0) {
+                ganttBars.value.splice(index, 1);
+            }
+        };
+        const registerConnectionHandle = (handleInfo) => {
+            const existingIndex = connectionHandles.value.findIndex(handle => handle.id === handleInfo.id);
+            if (existingIndex >= 0) {
+                // @ts-expect-error TODO: for some reason, the IDE is expecting an unref'd value
+                connectionHandles.value[existingIndex] = handleInfo;
+            }
+            else {
+                // @ts-expect-error TODO: for some reason, the IDE is expecting an unref'd value
+                connectionHandles.value.push(handleInfo);
+            }
+        };
+        const unregisterConnectionHandle = (handleId) => {
+            const index = connectionHandles.value.findIndex(handle => handle.id === handleId);
+            if (index >= 0) {
+                connectionHandles.value.splice(index, 1);
+            }
+        };
+        const createConnection = (fromHandleId, toHandleId, options) => {
+            const fromHandle = connectionHandles.value.find(h => h.id === fromHandleId);
+            const toHandle = connectionHandles.value.find(h => h.id === toHandleId);
+            if (!fromHandle || !toHandle) {
+                // eslint-disable-next-line no-console
+                console.warn('Cannot create connection: handle not found');
+                return null;
+            }
+            const connection = {
+                id: `connection-${fromHandleId}-${toHandleId}`,
+                from: {
+                    barId: fromHandle.barId,
+                    side: fromHandle.side,
+                },
+                to: {
+                    barId: toHandle.barId,
+                    side: toHandle.side,
+                },
+                style: options?.style,
+                label: options?.label,
+            };
+            connectionPaths.value.push(connection);
+            return connection;
+        };
+        const deleteConnection = (connectionId) => {
+            const index = connectionPaths.value.findIndex(conn => conn.id === connectionId);
+            if (index >= 0) {
+                connectionPaths.value.splice(index, 1);
+                return true;
+            }
+            return false;
+        };
+        const getConnectionsForBar = (barId) => {
+            return connectionPaths.value.filter(conn => conn.from.barId === barId || conn.to.barId === barId);
+        };
+        const getHandlesForBar = (barId) => {
+            return connectionHandles.value.filter(handle => handle.barId === barId);
+        };
         return {
             // state
             columns,
             config,
+            connectionHandles,
+            connectionPaths,
             display,
+            ganttBars,
             modal,
             rows,
             table,
             updates,
             // getters
             hasPinnedColumns,
+            isGanttView,
+            isTreeView,
             numberedRowWidth,
             zeroColumn,
             // actions
             closeModal,
+            createConnection,
+            deleteConnection,
             getCellData,
             getCellDisplayValue,
+            getConnectionsForBar,
             getFormattedValue,
+            getHandlesForBar,
             getHeaderCellStyle,
-            resizeColumn,
             getIndent,
             getRowExpandSymbol,
             isRowGantt,
             isRowVisible,
+            registerConnectionHandle,
+            registerGanttBar,
+            resizeColumn,
             setCellData,
             setCellText,
             toggleRowExpand,
+            unregisterConnectionHandle,
+            unregisterGanttBar,
             updateGanttBar,
+            updateRows,
         };
     });
     return createStore();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/atable",
-  "version": "0.4.23",
+  "version": "0.4.25",
   "license": "MIT",
   "type": "module",
   "author": {
@@ -38,8 +38,8 @@
     "@vueuse/core": "^13.4.0",
     "pinia": "^3.0.3",
     "vue": "^3.5.17",
-    "@stonecrop/themes": "0.4.23",
-    "@stonecrop/utilities": "0.4.23"
+    "@stonecrop/utilities": "0.4.25",
+    "@stonecrop/themes": "0.4.25"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.26.29",