@gridengine/angular-datagrid-enterprise 0.10.0 → 0.12.0

package/fesm2022/gridengine-angular-datagrid-enterprise.mjs

@@ -1,6 +1,6 @@
 export * from '@gridengine/angular-datagrid';
 import * as i0 from '@angular/core';
-import { input, ChangeDetectionStrategy, Component, computed, effect, makeEnvironmentProviders, provideEnvironmentInitializer, output, inject, ElementRef, HostListener, Directive } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component, computed, effect, makeEnvironmentProviders, provideEnvironmentInitializer, signal, output, inject, ElementRef, HostListener, Directive } from '@angular/core';
 import { validateLicense, resolveFeatures as resolveFeatures$1, TIER_FEATURES } from '@gridengine/license-core';
 export { TIER_FEATURES } from '@gridengine/license-core';
 import { DOCUMENT } from '@angular/common';
@@ -139,7 +139,7 @@ class GridLicenseWatermark {
     <div class="gd-license-watermark" aria-hidden="true">
       {{ label() }} — unlicensed — <span class="gd-license-watermark__url">{{ url() }}</span>
     </div>
-  `, isInline: true, styles: [".gd-license-watermark{position:absolute;bottom:8px;right:12px;z-index:10;font-family:sans-serif;font-size:11px;letter-spacing:.02em;color:#00000059;pointer-events:none;-webkit-user-select:none;user-select:none}.gd-license-watermark__url{text-decoration:underline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".gd-license-watermark{position:absolute;bottom:10px;right:10px;z-index:10;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-family:sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em;color:#7c2d12;background:linear-gradient(135deg,#fde68a,#fbbf24 55%,#f59e0b);border:1px solid #d97706;box-shadow:0 2px 6px #78350f59;pointer-events:none;-webkit-user-select:none;user-select:none}.gd-license-watermark:before{content:\"\\2605\";font-size:12px;line-height:1}.gd-license-watermark__url{text-decoration:underline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: GridLicenseWatermark, decorators: [{
             type: Component,
@@ -147,7 +147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
     <div class="gd-license-watermark" aria-hidden="true">
       {{ label() }} — unlicensed — <span class="gd-license-watermark__url">{{ url() }}</span>
     </div>
-  `, styles: [".gd-license-watermark{position:absolute;bottom:8px;right:12px;z-index:10;font-family:sans-serif;font-size:11px;letter-spacing:.02em;color:#00000059;pointer-events:none;-webkit-user-select:none;user-select:none}.gd-license-watermark__url{text-decoration:underline}\n"] }]
+  `, styles: [".gd-license-watermark{position:absolute;bottom:10px;right:10px;z-index:10;display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-family:sans-serif;font-size:12px;font-weight:700;letter-spacing:.02em;color:#7c2d12;background:linear-gradient(135deg,#fde68a,#fbbf24 55%,#f59e0b);border:1px solid #d97706;box-shadow:0 2px 6px #78350f59;pointer-events:none;-webkit-user-select:none;user-select:none}.gd-license-watermark:before{content:\"\\2605\";font-size:12px;line-height:1}.gd-license-watermark__url{text-decoration:underline}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }] } });
 
 /**
@@ -1380,6 +1380,92 @@ class TransactionEngine {
     }
 }
 
+/**
+ * TransactionController — a reactive (signals) wrapper around `TransactionEngine`
+ * for the open-source `<gd-data-grid>`. Bind `displayRows()` to `[rowData]` and
+ * pipe `(cellValueChanged)` into `onCellValueChanged` to stage inline edits
+ * without mutating the base data; then `commit()` / `rollback()`:
+ *
+ * ```html
+ * <gd-data-grid [rowData]="txn.displayRows()" [columnDefs]="cols" [getRowId]="byId"
+ *   (cellValueChanged)="txn.onCellValueChanged($event)" />
+ * <button [disabled]="!txn.isDirty()" (click)="txn.commit()">Save</button>
+ * ```
+ *
+ * `displayRows()` returns shallow clones, so the grid's in-place cell edits
+ * change the copy while the base stays clean (rollback restores it). Use a
+ * field-based `getRowId` so row identity survives cloning.
+ */
+class TransactionController {
+    _engine;
+    _rowIdField;
+    _version = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_version" }] : /* istanbul ignore next */ []));
+    /** The current merged rows (base + staged changes) as shallow clones. */
+    displayRows;
+    /** Whether there are uncommitted staged changes. */
+    isDirty;
+    constructor(initialRows, options = {}) {
+        this._rowIdField = options.rowIdField ?? 'id';
+        this._engine = new TransactionEngine({
+            initialRows,
+            rowIdField: this._rowIdField,
+            onTransactionCommit: options.onCommit,
+            onTransactionRollback: options.onRollback,
+        });
+        this.displayRows = computed(() => {
+            this._version();
+            return this._engine.getDisplayRows().map((r) => ({ ...r }));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "displayRows" }] : /* istanbul ignore next */ []));
+        this.isDirty = computed(() => {
+            this._version();
+            return this._engine.isDirty();
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDirty" }] : /* istanbul ignore next */ []));
+    }
+    /** Stage an inline edit emitted by the grid's `(cellValueChanged)`. */
+    onCellValueChanged(event) {
+        if (!event.field)
+            return;
+        const id = event.row[this._rowIdField];
+        this._engine.updateRows([{ [this._rowIdField]: id, [event.field]: event.newValue }]);
+        this._bump();
+    }
+    addRows(rows) {
+        this._engine.addRows(rows);
+        this._bump();
+    }
+    updateRows(rows) {
+        this._engine.updateRows(rows);
+        this._bump();
+    }
+    removeRows(ids) {
+        this._engine.removeRows(ids);
+        this._bump();
+    }
+    /** All current staged changes, grouped by kind. */
+    getDirtyRows() {
+        return this._engine.getDirtyRows();
+    }
+    commit() {
+        this._engine.commitTransaction();
+        this._bump();
+    }
+    rollback() {
+        this._engine.rollbackTransaction();
+        this._bump();
+    }
+    /** Replace the base rows (e.g. after a server refresh); staged changes are kept. */
+    resetRows(rows) {
+        this._engine.resetRows(rows);
+        this._bump();
+    }
+    _bump() {
+        this._version.update((v) => v + 1);
+    }
+}
+
 class MasterDetailEngine {
     _getDetailRowData;
     _onExpand;
@@ -2637,5 +2723,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AuditTrailEngine, CellPermissionEngine, ClipboardEngine, DEFAULT_MASK, DataGridPro, ExcelImportEngine, FillHandleEngine, FilterPresetEngine, FormEditorEngine, FormulaEngine, GridLicenseWatermark, LicenseManager, MasterDetailEngine, PDFExportEngine, PRODUCT_ID, PURCHASE_URL, RangeSelectionDirective, RangeSelectionEngine, RowLockEngine, SSRMEngine, SavedViewsEngine, TransactionEngine, UndoRedoManager, applyCellPermissions, deserializeFilter, evaluateFilter, parseCSV, parseTSV, provideGridEngineLicense, serializeFilter, toNumber, toPdfColumns, toTimestamp };
+export { AuditTrailEngine, CellPermissionEngine, ClipboardEngine, DEFAULT_MASK, DataGridPro, ExcelImportEngine, FillHandleEngine, FilterPresetEngine, FormEditorEngine, FormulaEngine, GridLicenseWatermark, LicenseManager, MasterDetailEngine, PDFExportEngine, PRODUCT_ID, PURCHASE_URL, RangeSelectionDirective, RangeSelectionEngine, RowLockEngine, SSRMEngine, SavedViewsEngine, TransactionController, TransactionEngine, UndoRedoManager, applyCellPermissions, deserializeFilter, evaluateFilter, parseCSV, parseTSV, provideGridEngineLicense, serializeFilter, toNumber, toPdfColumns, toTimestamp };
 //# sourceMappingURL=gridengine-angular-datagrid-enterprise.mjs.map