@powerhousedao/document-engineering 1.0.0

package/dist/src/ui/components/object-set-table/logic/selection-manager.js

@@ -0,0 +1,97 @@
+class SelectionManager {
+    api;
+    constructor(api) {
+        this.api = api;
+    }
+    /**
+     * Checks if the table allows row selection
+     */
+    canSelectRows() {
+        return this.api._getConfig().allowRowSelection;
+    }
+    /**
+     * Checks if the table allows cell selection
+     */
+    canSelectCells() {
+        return this.api._getConfig().allowRowSelection;
+    }
+    /**
+     * Clears the selection of the table
+     */
+    clear() {
+        this.api._getState().dispatch?.({ type: "SELECT_CELL", payload: null });
+    }
+    /**
+     * Selects a single row in the table. Only one row can be selected at a time.
+     *
+     * @param rowIndex - The index of the row to select
+     */
+    selectRow(rowIndex) {
+        if (!this.canSelectRows())
+            return;
+        this.api._getState().dispatch?.({
+            type: "TOGGLE_SELECTED_ROW",
+            payload: { index: rowIndex, clearOtherSelections: true },
+        });
+    }
+    /**
+     * Toggles the selection of a row in the table.
+     *
+     * @param rowIndex - The index of the row to toggle
+     */
+    toggleRow(rowIndex) {
+        if (!this.canSelectRows())
+            return;
+        this.api._getState().dispatch?.({
+            type: "TOGGLE_SELECTED_ROW",
+            payload: { index: rowIndex },
+        });
+    }
+    /**
+     * Selects a range of rows from the last active row to the given row index.
+     *
+     * @param rowIndex - The index of the row to select from
+     */
+    selectFromLastActiveRow(rowIndex) {
+        if (!this.canSelectRows())
+            return;
+        this.api._getState().dispatch?.({
+            type: "SELECT_ROW_RANGE",
+            payload: rowIndex,
+        });
+    }
+    /**
+     * Selects all rows in the table.
+     */
+    selectAllRows() {
+        if (!this.canSelectRows())
+            return;
+        this.api._getState().dispatch?.({
+            type: "SELECT_ROW_RANGE",
+            payload: this.api._getState().data.length - 1,
+        });
+    }
+    toggleSelectAll() {
+        if (!this.canSelectRows())
+            return;
+        this.api._getState().dispatch?.({
+            type: "TOGGLE_SELECT_ALL_ROWS",
+        });
+    }
+    /**
+     * Selects a cell in the table.
+     *
+     * @param rowIndex - The index of the row to select
+     * @param columnIndex - The index of the column to select
+     */
+    selectCell(rowIndex, columnIndex) {
+        if (!this.canSelectCells())
+            return;
+        this.api._getState().dispatch?.({
+            type: "SELECT_CELL",
+            payload: { row: rowIndex, column: columnIndex },
+        });
+    }
+}
+export { SelectionManager };
+//# sourceMappingURL=selection-manager.js.map

package/dist/src/ui/components/object-set-table/logic/selection-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-manager.js","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/logic/selection-manager.ts"],"names":[],"mappings":"AAEA,MAAM,gBAAgB;IACA;IAApB,YAAoB,GAAoB;QAApB,QAAG,GAAH,GAAG,CAAiB;IAAG,CAAC;IAE5C;;OAEG;IACH,aAAa;QACX,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,iBAAiB,CAAC;IACjD,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,iBAAiB,CAAC;IACjD,CAAC;IAED;;OAEG;IACH,KAAK;QACH,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1E,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,QAAgB;QACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAAE,OAAO;QAElC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC9B,IAAI,EAAE,qBAAqB;YAC3B,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,IAAI,EAAE;SACzD,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,QAAgB;QACxB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAAE,OAAO;QAElC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC9B,IAAI,EAAE,qBAAqB;YAC3B,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;SAC7B,CAAC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,uBAAuB,CAAC,QAAgB;QACtC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAAE,OAAO;QAElC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC9B,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,QAAQ;SAClB,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAAE,OAAO;QAElC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC9B,IAAI,EAAE,kBAAkB;YACxB,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;SAC9C,CAAC,CAAC;IACL,CAAC;IAED,eAAe;QACb,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAAE,OAAO;QAElC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC9B,IAAI,EAAE,wBAAwB;SAC/B,CAAC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,UAAU,CAAC,QAAgB,EAAE,WAAmB;QAC9C,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YAAE,OAAO;QAEnC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC9B,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE;SAChD,CAAC,CAAC;IACL,CAAC;CACF;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/src/ui/components/object-set-table/logic/table-api.d.ts

@@ -0,0 +1,52 @@
+import type { RefObject } from "react";
+import type { TableState } from "../subcomponents/table-provider/table-reducer.js";
+import type { CellContext, ObjectSetTableConfig } from "../types.js";
+import { SelectionManager } from "./selection-manager.js";
+declare class TableApi<TData> {
+    private readonly tableRef;
+    private readonly configRef;
+    private readonly stateRef;
+    readonly selection: SelectionManager<TData>;
+    constructor(tableRef: RefObject<HTMLTableElement>, configRef: RefObject<ObjectSetTableConfig<TData>>, stateRef: RefObject<TableState<TData>>);
+    _getTable(): HTMLTableElement | null;
+    _getConfig(): ObjectSetTableConfig<TData>;
+    _getState(): TableState<TData>;
+    _createCellContext(row: number, column: number): CellContext<TData>;
+    /**
+     * Checks if the cell at the given row and column can be edited
+     *
+     * @param row - The row index of the cell to check
+     * @param column - The column index of the cell to check
+     * @returns `true` if the cell can be edited, `false` otherwise
+     */
+    canEditCell(row: number, column: number): boolean | undefined;
+    /**
+     * Checks if the table is currently in cell edit mode
+     *
+     * @returns `true` if the table is in cell edit mode, `false` otherwise
+     */
+    isEditing(): boolean;
+    /**
+     * Checks if the table is currently in cell edit mode for the given cell
+     *
+     * @param row - The row index of the cell to check
+     * @param column - The column index of the cell to check
+     * @returns `true` if the table is in cell edit mode for the given cell, `false` otherwise
+     */
+    isEditingCell(row: number, column: number): boolean;
+    /**
+     * Enters cell edit mode for the given cell
+     *
+     * @param row - The row index of the cell to enter edit mode
+     * @param column - The column index of the cell to enter edit mode
+     */
+    enterCellEditMode(row: number, column: number): void;
+    /**
+     * Exits cell edit mode
+     *
+     * @param save - Whether to save the changes made in the cell
+     */
+    exitCellEditMode(save?: boolean): void;
+}
+export { TableApi };
+//# sourceMappingURL=table-api.d.ts.map

package/dist/src/ui/components/object-set-table/logic/table-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-api.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/logic/table-api.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,KAAK,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAErE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,cAAM,QAAQ,CAAC,KAAK;IAIhB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAL3B,SAAgB,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBAGhC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,EACrC,SAAS,EAAE,SAAS,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,EACjD,QAAQ,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAKzD,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAIpC,UAAU,IAAI,oBAAoB,CAAC,KAAK,CAAC;IAIzC,SAAS,IAAI,UAAU,CAAC,KAAK,CAAC;IAI9B,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;IAWnE;;;;;;OAMG;IACH,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAIvC;;;;OAIG;IACH,SAAS;IAIT;;;;;;OAMG;IACH,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAQzC;;;;;OAKG;IACH,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAS7C;;;;OAIG;IACH,gBAAgB,CAAC,IAAI,UAAO;CAgC7B;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/ui/components/object-set-table/logic/table-api.js

@@ -0,0 +1,105 @@
+import { getNextSelectedCell } from "../utils.js";
+import { SelectionManager } from "./selection-manager.js";
+class TableApi {
+    tableRef;
+    configRef;
+    stateRef;
+    selection;
+    constructor(tableRef, configRef, stateRef) {
+        this.tableRef = tableRef;
+        this.configRef = configRef;
+        this.stateRef = stateRef;
+        this.selection = new SelectionManager(this);
+    }
+    _getTable() {
+        return this.tableRef.current;
+    }
+    _getConfig() {
+        return this.configRef.current;
+    }
+    _getState() {
+        return this.stateRef.current;
+    }
+    _createCellContext(row, column) {
+        return {
+            row: this._getState().data[row],
+            column: this._getConfig().columns[column],
+            rowIndex: row,
+            columnIndex: column,
+            tableConfig: this._getConfig(),
+        };
+    }
+    // cell editing
+    /**
+     * Checks if the cell at the given row and column can be edited
+     *
+     * @param row - The row index of the cell to check
+     * @param column - The column index of the cell to check
+     * @returns `true` if the cell can be edited, `false` otherwise
+     */
+    canEditCell(row, column) {
+        return this._getConfig().columns[column].editable;
+    }
+    /**
+     * Checks if the table is currently in cell edit mode
+     *
+     * @returns `true` if the table is in cell edit mode, `false` otherwise
+     */
+    isEditing() {
+        return this._getState().isCellEditMode;
+    }
+    /**
+     * Checks if the table is currently in cell edit mode for the given cell
+     *
+     * @param row - The row index of the cell to check
+     * @param column - The column index of the cell to check
+     * @returns `true` if the table is in cell edit mode for the given cell, `false` otherwise
+     */
+    isEditingCell(row, column) {
+        return (this._getState().isCellEditMode &&
+            this._getState().selectedCellIndex?.row === row &&
+            this._getState().selectedCellIndex?.column === column);
+    }
+    /**
+     * Enters cell edit mode for the given cell
+     *
+     * @param row - The row index of the cell to enter edit mode
+     * @param column - The column index of the cell to enter edit mode
+     */
+    enterCellEditMode(row, column) {
+        if (!this.canEditCell(row, column))
+            throw new Error("Cell is not editable");
+        this._getState().dispatch?.({
+            type: "ENTER_CELL_EDIT_MODE",
+            payload: { row, column },
+        });
+    }
+    /**
+     * Exits cell edit mode
+     *
+     * @param save - Whether to save the changes made in the cell
+     */
+    exitCellEditMode(save = true) {
+        // TODO: before exiting, check if the ${value} edited is valid
+        // exit edit mode
+        const selectedCell = this._getState().selectedCellIndex ?? {
+            row: 0,
+            column: 0,
+        };
+        this.selection.selectCell(selectedCell.row, selectedCell.column);
+        if (save) {
+            const value = this._getConfig().columns[selectedCell.column]?.valueGetter?.(this._getState().data[selectedCell.row], this._createCellContext(selectedCell.row, selectedCell.column));
+            this._getConfig().columns[selectedCell.column]?.onSave?.(`${value} edited`, this._createCellContext(selectedCell.row, selectedCell.column));
+            const nextCell = getNextSelectedCell({
+                direction: "down",
+                currentCell: selectedCell,
+                rowCount: this._getState().data.length,
+                columnCount: this._getConfig().columns.length,
+                moveToNextRow: true,
+            });
+            this.selection.selectCell(nextCell.row, nextCell.column);
+        }
+    }
+}
+export { TableApi };
+//# sourceMappingURL=table-api.js.map

package/dist/src/ui/components/object-set-table/logic/table-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-api.js","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/logic/table-api.ts"],"names":[],"mappings":"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"}

package/dist/src/ui/components/object-set-table/mock-data.d.ts

@@ -0,0 +1,16 @@
+export interface MockedPerson {
+    firstName: string;
+    walletAddress: string;
+    payment: number;
+    email: string;
+    status: "active" | "inactive";
+    address: {
+        addressLine1: string;
+        addressLine2: string;
+        city: string;
+        state: string;
+        zip: string;
+    };
+}
+export declare const mockData: MockedPerson[];
+//# sourceMappingURL=mock-data.d.ts.map

package/dist/src/ui/components/object-set-table/mock-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/mock-data.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;CACH;AAED,eAAO,MAAM,QAAQ,EAAE,YAAY,EAmGlC,CAAC"}

package/dist/src/ui/components/object-set-table/mock-data.js

@@ -0,0 +1,101 @@
+export const mockData = [
+    {
+        firstName: "John",
+        walletAddress: "0x1234567890abcdef",
+        payment: 100,
+        email: "john@example.com",
+        status: "active",
+        address: {
+            addressLine1: "123 Main St",
+            addressLine2: "Apt 1",
+            city: "Anytown",
+            state: "CA",
+            zip: "12345",
+        },
+    },
+    {
+        firstName: "Jane",
+        walletAddress: "0x1234567890abcdef",
+        payment: 1065460,
+        email: "jane@example.com",
+        status: "inactive",
+        address: {
+            addressLine1: "123 Main St",
+            addressLine2: "Apt 1",
+            city: "Anytown",
+            state: "CA",
+            zip: "12345",
+        },
+    },
+    {
+        firstName: "Jim",
+        walletAddress: "0x1234567890abcdef",
+        payment: 14522,
+        email: "jim@example.com",
+        status: "active",
+        address: {
+            addressLine1: "123 Main St",
+            addressLine2: "Apt 1",
+            city: "Anytown",
+            state: "CA",
+            zip: "12345",
+        },
+    },
+    {
+        firstName: "Jill",
+        walletAddress: "0x1234567890abcdef",
+        payment: 11231200,
+        email: "jill@example.com",
+        status: "inactive",
+        address: {
+            addressLine1: "123 Main St",
+            addressLine2: "Apt 1",
+            city: "Anytown",
+            state: "CA",
+            zip: "12345",
+        },
+    },
+    {
+        firstName: "Jack",
+        walletAddress: "0x1234567890abcdef",
+        payment: 10234234230,
+        email: "jack@example.com",
+        status: "active",
+        address: {
+            addressLine1: "123 Main St",
+            addressLine2: "Apt 1",
+            city: "Anytown",
+            state: "CA",
+            zip: "12345",
+        },
+    },
+    {
+        firstName: "Jill",
+        walletAddress: "0x1234567890abcdef",
+        payment: 0,
+        email: "jill@example.com",
+        status: "inactive",
+        address: {
+            addressLine1: "123 Main St",
+            addressLine2: "Apt 1",
+            city: "Anytown",
+            state: "CA",
+            zip: "12345",
+        },
+    },
+    {
+        firstName: "Mike",
+        walletAddress: "0x1234567890abcdef",
+        payment: 15,
+        email: "mike@example.com",
+        status: "inactive",
+        address: {
+            addressLine1: "123 Main St",
+            addressLine2: "Apt 1",
+            city: "Anytown",
+            state: "CA",
+            zip: "12345",
+        },
+    },
+];
+//# sourceMappingURL=mock-data.js.map

package/dist/src/ui/components/object-set-table/mock-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-data.js","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/mock-data.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,QAAQ,GAAmB;IACtC;QACE,SAAS,EAAE,MAAM;QACjB,aAAa,EAAE,oBAAoB;QACnC,OAAO,EAAE,GAAG;QACZ,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,YAAY,EAAE,OAAO;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,IAAI;YACX,GAAG,EAAE,OAAO;SACb;KACF;IACD;QACE,SAAS,EAAE,MAAM;QACjB,aAAa,EAAE,oBAAoB;QACnC,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,YAAY,EAAE,OAAO;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,IAAI;YACX,GAAG,EAAE,OAAO;SACb;KACF;IACD;QACE,SAAS,EAAE,KAAK;QAChB,aAAa,EAAE,oBAAoB;QACnC,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,YAAY,EAAE,OAAO;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,IAAI;YACX,GAAG,EAAE,OAAO;SACb;KACF;IACD;QACE,SAAS,EAAE,MAAM;QACjB,aAAa,EAAE,oBAAoB;QACnC,OAAO,EAAE,QAAQ;QACjB,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,YAAY,EAAE,OAAO;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,IAAI;YACX,GAAG,EAAE,OAAO;SACb;KACF;IACD;QACE,SAAS,EAAE,MAAM;QACjB,aAAa,EAAE,oBAAoB;QACnC,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,YAAY,EAAE,OAAO;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,IAAI;YACX,GAAG,EAAE,OAAO;SACb;KACF;IACD;QACE,SAAS,EAAE,MAAM;QACjB,aAAa,EAAE,oBAAoB;QACnC,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,YAAY,EAAE,OAAO;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,IAAI;YACX,GAAG,EAAE,OAAO;SACb;KACF;IACD;QACE,SAAS,EAAE,MAAM;QACjB,aAAa,EAAE,oBAAoB;QACnC,OAAO,EAAE,EAAE;QACX,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,YAAY,EAAE,OAAO;YACrB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,IAAI;YACX,GAAG,EAAE,OAAO;SACb;KACF;CACF,CAAC"}

package/dist/src/ui/components/object-set-table/object-set-table.d.ts

@@ -0,0 +1,12 @@
+import type { DataType, ObjectSetTableConfig } from "./types.js";
+/**
+ * The ObjectSetTable component is a table component that displays a list of objects.
+ *
+ * @param columns The columns to display in the table.
+ * @param data The data to display in the table.
+ * @param allowRowSelection Whether to allow row selection.
+ * @param showRowNumbers Whether to show row numbers.
+ */
+declare const ObjectSetTable: <T extends DataType = DataType>({ ...config }: ObjectSetTableConfig<T>) => import("react/jsx-runtime").JSX.Element;
+export { ObjectSetTable };
+//# sourceMappingURL=object-set-table.d.ts.map

package/dist/src/ui/components/object-set-table/object-set-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-set-table.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/object-set-table.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEjE;;;;;;;GAOG;AACH,QAAA,MAAM,cAAc,GAAI,CAAC,SAAS,QAAQ,GAAG,QAAQ,EAAE,eAEpD,oBAAoB,CAAC,CAAC,CAAC,4CAkDzB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/ui/components/object-set-table/object-set-table.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react/jsx-max-depth */
+import { useMemo, useRef } from "react";
+import { TableBody } from "./subcomponents/body.js";
+import { getRenderFn } from "./subcomponents/default-cell-renderers/get-render-fn.js";
+import { defaultValueFormatter } from "./subcomponents/default-fns/default-cell-value-formatter.js";
+import { defaultValueGetter } from "./subcomponents/default-fns/default-cell-value-getter.js";
+import { TableHeader } from "./subcomponents/header.js";
+import { TableFocusTrap } from "./subcomponents/table-focus-trap.js";
+import { TableProvider } from "./subcomponents/table-provider/table-provider.js";
+/**
+ * The ObjectSetTable component is a table component that displays a list of objects.
+ *
+ * @param columns The columns to display in the table.
+ * @param data The data to display in the table.
+ * @param allowRowSelection Whether to allow row selection.
+ * @param showRowNumbers Whether to show row numbers.
+ */
+const ObjectSetTable = ({ ...config }) => {
+    /**
+     * Extend the config with default values in case they are not provided
+     */
+    const extendedConfig = useMemo(() => {
+        const _config = {
+            ...config,
+            columns: config.columns.map((column) => ({
+                ...column,
+                type: column.type ?? "text",
+                valueGetter: column.valueGetter ?? defaultValueGetter,
+                valueFormatter: column.valueFormatter ?? defaultValueFormatter,
+                renderCell: column.renderCell ?? getRenderFn(column.type),
+                editable: column.editable ?? false,
+                // TODO: move the default onSave to a utility function
+                onSave: column.onSave ??
+                    ((value, context) => {
+                        // TODO: fix this
+                        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                        // @ts-expect-error
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                        config.data[context.rowIndex][context.column.field] = value;
+                        return true;
+                    }),
+            })),
+            allowRowSelection: config.allowRowSelection ?? true,
+            showRowNumbers: config.showRowNumbers ?? true,
+        };
+        return _config;
+    }, [config]);
+    const tableRef = useRef(null);
+    return (_jsx(TableProvider, { config: extendedConfig, tableRef: tableRef, children: _jsx(TableFocusTrap, { children: _jsx("div", { className: "w-full overflow-hidden rounded-md border border-gray-300", children: _jsxs("table", { ref: tableRef, className: "h-px w-full overflow-x-auto", children: [_jsx(TableHeader, { columns: extendedConfig.columns }), _jsx(TableBody, { data: extendedConfig.data, columns: extendedConfig.columns })] }) }) }) }));
+};
+export { ObjectSetTable };
+//# sourceMappingURL=object-set-table.js.map

package/dist/src/ui/components/object-set-table/object-set-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-set-table.js","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/object-set-table.tsx"],"names":[],"mappings":";AAAA,wCAAwC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6DAA6D,CAAC;AACpG,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAGjF;;;;;;;GAOG;AACH,MAAM,cAAc,GAAG,CAAgC,EACrD,GAAG,MAAM,EACe,EAAE,EAAE;IAC5B;;OAEG;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,OAAO,GAA4B;YACvC,GAAG,MAAM;YACT,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;gBACvC,GAAG,MAAM;gBACT,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,MAAM;gBAC3B,WAAW,EAAE,MAAM,CAAC,WAAW,IAAI,kBAAkB;gBACrD,cAAc,EAAE,MAAM,CAAC,cAAc,IAAI,qBAAqB;gBAC9D,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC;gBACzD,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,KAAK;gBAClC,sDAAsD;gBACtD,MAAM,EACJ,MAAM,CAAC,MAAM;oBACb,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;wBAClB,iBAAiB;wBACjB,6DAA6D;wBAC7D,mBAAmB;wBACnB,mEAAmE;wBACnE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;wBAC5D,OAAO,IAAI,CAAC;oBACd,CAAC,CAAC;aACL,CAAC,CAAC;YACH,iBAAiB,EAAE,MAAM,CAAC,iBAAiB,IAAI,IAAI;YACnD,cAAc,EAAE,MAAM,CAAC,cAAc,IAAI,IAAI;SAC9C,CAAC;QAEF,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,aAAa,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,YACvD,KAAC,cAAc,cACb,cAAK,SAAS,EAAC,0DAA0D,YACvE,iBAAO,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,6BAA6B,aAC3D,KAAC,WAAW,IAAC,OAAO,EAAE,cAAc,CAAC,OAAO,GAAI,EAChD,KAAC,SAAS,IACR,IAAI,EAAE,cAAc,CAAC,IAAI,EACzB,OAAO,EAAE,cAAc,CAAC,OAAO,GAC/B,IACI,GACJ,GACS,GACH,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/ui/components/object-set-table/subcomponents/body.d.ts

@@ -0,0 +1,8 @@
+import type { ColumnDef, DataType } from "../types.js";
+interface TableBodyProps<T extends DataType> {
+    data: T[];
+    columns: ColumnDef<T>[];
+}
+declare const TableBody: <T extends DataType>({ data, columns, }: TableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;
+export { TableBody };
+//# sourceMappingURL=body.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/body.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQpE,UAAU,cAAc,CAAC,CAAC,SAAS,QAAQ;IACzC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;CACzB;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,SAAS,QAAQ,EAAE,oBAGpC,cAAc,CAAC,CAAC,CAAC,4CAgLnB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/ui/components/object-set-table/subcomponents/body.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Input } from "../../data-entry/input/index.js";
+import { useGlobalTableKeyEvents } from "../hooks/useGlobalTableKeyEvents.js";
+import { isCellEqual } from "../utils.js";
+import { DefaultTableCell } from "./cells/default-cell.js";
+import { InformationCell } from "./cells/information-cell.js";
+import { RowNumberCell } from "./cells/row-number-cell.js";
+import { TableRow } from "./rows/table-row.js";
+import { useInternalTableState } from "./table-provider/table-provider.js";
+const TableBody = ({ data, columns, }) => {
+    const { config, state: { dispatch, selectedRowIndexes, selectedCellIndex, isCellEditMode }, api, } = useInternalTableState();
+    // add global key events to the table
+    useGlobalTableKeyEvents();
+    const { allowRowSelection } = config;
+    /**
+     * Create a handler for the click event on the table numbering cell
+     * This handler is used to select a row when the ctrl key is pressed
+     * or select single rows when the index is clicked
+     */
+    const createSelectRowOnClickHandler = useCallback((index) => (e) => {
+        if (!allowRowSelection)
+            return;
+        if (e.ctrlKey) {
+            e.stopPropagation();
+            api.selection.toggleRow(index);
+        }
+        else if (e.shiftKey) {
+            return; // just let the row handle it
+        }
+        else {
+            api.selection.selectRow(index);
+        }
+    }, [allowRowSelection]);
+    /**
+     * Create a handler for the click event on the table row
+     * This handler is used to select a row when the ctrl key is pressed
+     * in any other place other than the index cell or select a range of rows
+     * when the shift key is pressed
+     */
+    const createAddSelectedRowHandler = useCallback((index) => (e) => {
+        if (!allowRowSelection)
+            return;
+        if (e.ctrlKey) {
+            api.selection.toggleRow(index);
+        }
+        else if (e.shiftKey) {
+            // Prevent text selection when shift key is pressed
+            document.getSelection()?.removeAllRanges();
+            api.selection.selectFromLastActiveRow(index);
+        }
+    }, [allowRowSelection]);
+    /**
+     * Prevent text selection when shift key is pressed so that we
+     * can select a range of rows while keeping a good user experience
+     */
+    const handleMouseDown = useCallback((event) => {
+        if (event.shiftKey) {
+            document.getSelection()?.removeAllRanges();
+        }
+    }, []);
+    const createCellClickHandler = useCallback((index, column, columnDef) => (e) => {
+        // if the cell is being edited, ignore clicking on it
+        if (isCellEditMode &&
+            selectedCellIndex?.row === index &&
+            selectedCellIndex.column === column) {
+            return;
+        }
+        // if shift or ctrl is pressed, the user is probably trying to select rows
+        if (!e.ctrlKey && !e.shiftKey) {
+            if (e.detail === 2 && columnDef.editable) {
+                dispatch?.({
+                    type: "ENTER_CELL_EDIT_MODE",
+                    payload: { row: index, column },
+                });
+            }
+            else {
+                api.selection.selectCell(index, column);
+            }
+        }
+    }, [dispatch, isCellEditMode]);
+    return (_jsx("tbody", { className: "text-sm leading-5 text-gray-900", children: data.map((rowItem, index) => (_jsxs(TableRow
+        // TODO: replace key with unique key (maybe generated with object-hash package)
+        , { index: index, onClick: createAddSelectedRowHandler(index), onMouseDown: handleMouseDown, children: [_jsx(RowNumberCell, { index: index + 1, handleSelectRowOnClick: createSelectRowOnClickHandler(index), selected: selectedRowIndexes.includes(index) ||
+                        selectedCellIndex?.row === index }), columns.map((column, columnIndex) => {
+                    const cellContext = {
+                        row: rowItem,
+                        column,
+                        rowIndex: index,
+                        columnIndex,
+                        tableConfig: config,
+                    };
+                    // get and format the cell value
+                    const cellValue = column.valueFormatter?.(column.valueGetter?.(rowItem, cellContext), cellContext);
+                    // render the cell
+                    const cell = column.renderCell?.(cellValue, cellContext);
+                    const currentCellIndex = {
+                        row: index,
+                        column: columnIndex,
+                    };
+                    const isCellSelected = isCellEqual(selectedCellIndex, currentCellIndex);
+                    const isThisCellEditMode = isCellEditMode && isCellSelected;
+                    return (_jsx(DefaultTableCell, { onClick: createCellClickHandler(index, columnIndex, column), isSelected: isCellSelected, isEditable: column.editable ?? false, children: isThisCellEditMode ? (_jsx(Input, { className: "max-w-full", autoFocus: true, defaultValue: column.valueGetter?.(rowItem, cellContext), 
+                            // eslint-disable-next-line react/jsx-no-bind
+                            onKeyDown: (e) => {
+                                if (e.key === "Enter") {
+                                    const newValue = e.target.value;
+                                    column.onSave?.(newValue, cellContext);
+                                }
+                            } })) : (cell) }, column.field));
+                }), _jsx(InformationCell, {})] }, index))) }));
+};
+export { TableBody };
+//# sourceMappingURL=body.js.map

package/dist/src/ui/components/object-set-table/subcomponents/body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/body.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/object-set-table/subcomponents/cells/basic-cell.d.ts

@@ -0,0 +1,3 @@
+declare const TableCellBasic: React.FC<React.HTMLAttributes<HTMLTableCellElement>>;
+export { TableCellBasic };
+//# sourceMappingURL=basic-cell.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/cells/basic-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-cell.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/cells/basic-cell.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAUxE,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/ui/components/object-set-table/subcomponents/cells/basic-cell.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../../../scalars/lib/utils.js";
+const TableCellBasic = ({ children, className, ...props }) => {
+    return (_jsx("td", { className: cn("py-2", className), ...props, children: children }));
+};
+export { TableCellBasic };
+//# sourceMappingURL=basic-cell.js.map

package/dist/src/ui/components/object-set-table/subcomponents/cells/basic-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-cell.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/cells/basic-cell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAC;AAEzD,MAAM,cAAc,GAAyD,CAAC,EAC5E,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,aAAI,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,YAC5C,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/ui/components/object-set-table/subcomponents/cells/default-cell.d.ts

@@ -0,0 +1,7 @@
+interface DefaultTableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
+    isSelected: boolean;
+    isEditable: boolean;
+}
+declare const DefaultTableCell: React.FC<DefaultTableCellProps>;
+export { DefaultTableCell };
+//# sourceMappingURL=default-cell.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/cells/default-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-cell.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/cells/default-cell.tsx"],"names":[],"mappings":"AAGA,UAAU,qBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuBrD,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}