@progress/kendo-angular-grid 19.0.0-develop.11 → 19.0.0-develop.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/columns/column-base.d.ts +5 -0
- package/columns/span-column.component.d.ts +2 -2
- package/directives.d.ts +6 -3
- package/esm2022/column-resizing/column-handle.directive.mjs +2 -2
- package/esm2022/columns/column-base.mjs +9 -0
- package/esm2022/columns/columns-container.mjs +1 -1
- package/esm2022/columns/span-column.component.mjs +9 -9
- package/esm2022/directives.mjs +9 -2
- package/esm2022/grid.component.mjs +106 -41
- package/esm2022/grid.module.mjs +11 -2
- package/esm2022/index.mjs +5 -0
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/rendering/cell.component.mjs +3 -3
- package/esm2022/rendering/header/header.component.mjs +1 -1
- package/esm2022/rendering/list.component.mjs +1 -1
- package/esm2022/rendering/table-body.component.mjs +1 -1
- package/esm2022/state-management/grid-state.models.mjs +26 -0
- package/esm2022/state-management/redo-command-tool.mjs +66 -0
- package/esm2022/state-management/undo-command-tool.mjs +66 -0
- package/esm2022/state-management/undo-redo.directive.mjs +178 -0
- package/esm2022/state-management/undo-redo.service.mjs +22 -0
- package/esm2022/state-management/undo-redo.stack.mjs +232 -0
- package/esm2022/utils.mjs +13 -0
- package/fesm2022/progress-kendo-angular-grid.mjs +698 -67
- package/grid.component.d.ts +36 -19
- package/grid.module.d.ts +5 -2
- package/index.d.ts +4 -0
- package/package.json +20 -20
- package/rendering/cell.component.d.ts +1 -1
- package/schematics/ngAdd/index.js +4 -4
- package/state-management/grid-state.models.d.ts +58 -0
- package/state-management/redo-command-tool.d.ts +38 -0
- package/state-management/undo-command-tool.d.ts +38 -0
- package/state-management/undo-redo.directive.d.ts +51 -0
- package/state-management/undo-redo.service.d.ts +19 -0
- package/state-management/undo-redo.stack.d.ts +104 -0
- package/utils.d.ts +11 -1
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2025 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { isPresent } from "@progress/kendo-angular-common";
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
* A linked-list based implementation of an undo-redo stack.
|
|
9
|
+
* Maintains a chain of states that can be navigated forward and backward.
|
|
10
|
+
*/
|
|
11
|
+
export class UndoRedoStack {
|
|
12
|
+
maxSize;
|
|
13
|
+
/** The current active node in the undo-redo history */
|
|
14
|
+
currentNode = null;
|
|
15
|
+
/** The root node of the stack (first state) */
|
|
16
|
+
rootNode = null;
|
|
17
|
+
/** Track the size of the stack */
|
|
18
|
+
_size = 0;
|
|
19
|
+
/**
|
|
20
|
+
* Creates a new UndoRedoStack.
|
|
21
|
+
* @param maxSize Optional maximum number of states to maintain (unlimited if not provided)
|
|
22
|
+
*/
|
|
23
|
+
constructor(maxSize = -1) {
|
|
24
|
+
this.maxSize = maxSize;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Gets the current number of states in the stack
|
|
28
|
+
*/
|
|
29
|
+
get size() {
|
|
30
|
+
return this._size;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Gets the current active state
|
|
34
|
+
*/
|
|
35
|
+
get current() {
|
|
36
|
+
return this.currentNode ? this.currentNode.state : null;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* Checks if undo is available (if there's a previous state)
|
|
40
|
+
*/
|
|
41
|
+
get canUndo() {
|
|
42
|
+
return isPresent(this.currentNode?.previous);
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Checks if redo is available (if there's a next state)
|
|
46
|
+
*/
|
|
47
|
+
get canRedo() {
|
|
48
|
+
return isPresent(this.currentNode?.next);
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Adds a new state to the undo-redo stack
|
|
52
|
+
* @param state The state to add
|
|
53
|
+
* @param id Optional identifier for the state
|
|
54
|
+
* @returns The newly created node
|
|
55
|
+
*/
|
|
56
|
+
add(state, id) {
|
|
57
|
+
const newNode = {
|
|
58
|
+
state,
|
|
59
|
+
previous: this.currentNode,
|
|
60
|
+
next: null,
|
|
61
|
+
id
|
|
62
|
+
};
|
|
63
|
+
// If we have a current node, update its next reference
|
|
64
|
+
if (this.currentNode) {
|
|
65
|
+
// If we're adding after a node that already had a "next",
|
|
66
|
+
// we need to discard that branch of history
|
|
67
|
+
if (this.currentNode.next) {
|
|
68
|
+
this.truncateForward(this.currentNode);
|
|
69
|
+
}
|
|
70
|
+
this.currentNode.next = newNode;
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
// This is the first node
|
|
74
|
+
this.rootNode = newNode;
|
|
75
|
+
}
|
|
76
|
+
this.currentNode = newNode;
|
|
77
|
+
this._size++;
|
|
78
|
+
// If we've exceeded the max size, remove oldest nodes
|
|
79
|
+
this.enforceMaxSize();
|
|
80
|
+
return newNode;
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* Finds a node by its identifier
|
|
84
|
+
* @param id The identifier to search for
|
|
85
|
+
* @returns The found node or null if not found
|
|
86
|
+
*/
|
|
87
|
+
find(id) {
|
|
88
|
+
if (!this.rootNode) {
|
|
89
|
+
return null;
|
|
90
|
+
}
|
|
91
|
+
let node = this.rootNode;
|
|
92
|
+
while (node) {
|
|
93
|
+
if (node.id === id) {
|
|
94
|
+
return node;
|
|
95
|
+
}
|
|
96
|
+
node = node.next;
|
|
97
|
+
}
|
|
98
|
+
return null;
|
|
99
|
+
}
|
|
100
|
+
/**
|
|
101
|
+
* Removes a node by its identifier
|
|
102
|
+
* @param id The identifier of the node to remove
|
|
103
|
+
* @returns True if the node was found and removed, false otherwise
|
|
104
|
+
*/
|
|
105
|
+
remove(id) {
|
|
106
|
+
const nodeToRemove = this.find(id);
|
|
107
|
+
if (!nodeToRemove) {
|
|
108
|
+
return false;
|
|
109
|
+
}
|
|
110
|
+
// Handle removal of current node
|
|
111
|
+
if (nodeToRemove === this.currentNode) {
|
|
112
|
+
this.currentNode = nodeToRemove.previous || nodeToRemove.next;
|
|
113
|
+
}
|
|
114
|
+
// Connect previous and next nodes
|
|
115
|
+
if (nodeToRemove.previous) {
|
|
116
|
+
nodeToRemove.previous.next = nodeToRemove.next;
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
// Removing the root node
|
|
120
|
+
this.rootNode = nodeToRemove.next;
|
|
121
|
+
}
|
|
122
|
+
if (nodeToRemove.next) {
|
|
123
|
+
nodeToRemove.next.previous = nodeToRemove.previous;
|
|
124
|
+
}
|
|
125
|
+
// Clean up references to help garbage collection
|
|
126
|
+
nodeToRemove.previous = null;
|
|
127
|
+
nodeToRemove.next = null;
|
|
128
|
+
this._size--;
|
|
129
|
+
return true;
|
|
130
|
+
}
|
|
131
|
+
/**
|
|
132
|
+
* Performs an undo operation, moving to the previous state
|
|
133
|
+
* @returns The previous state or null if can't undo
|
|
134
|
+
*/
|
|
135
|
+
undo() {
|
|
136
|
+
if (!this.canUndo) {
|
|
137
|
+
return null;
|
|
138
|
+
}
|
|
139
|
+
this.currentNode = this.currentNode.previous;
|
|
140
|
+
return this.currentNode.state;
|
|
141
|
+
}
|
|
142
|
+
/**
|
|
143
|
+
* Performs a redo operation, moving to the next state
|
|
144
|
+
* @returns The next state or null if can't redo
|
|
145
|
+
*/
|
|
146
|
+
redo() {
|
|
147
|
+
if (!this.canRedo) {
|
|
148
|
+
return null;
|
|
149
|
+
}
|
|
150
|
+
this.currentNode = this.currentNode.next;
|
|
151
|
+
return this.currentNode.state;
|
|
152
|
+
}
|
|
153
|
+
/**
|
|
154
|
+
* Clears all history
|
|
155
|
+
*/
|
|
156
|
+
clear() {
|
|
157
|
+
this.currentNode = null;
|
|
158
|
+
this.rootNode = null;
|
|
159
|
+
this._size = 0;
|
|
160
|
+
}
|
|
161
|
+
/**
|
|
162
|
+
* Removes all states after the specified node
|
|
163
|
+
* @param node The node to truncate from
|
|
164
|
+
* @returns The number of nodes removed
|
|
165
|
+
*/
|
|
166
|
+
truncateForward(node) {
|
|
167
|
+
if (!node.next) {
|
|
168
|
+
return 0;
|
|
169
|
+
}
|
|
170
|
+
let removedCount = 0;
|
|
171
|
+
let currentNext = node.next;
|
|
172
|
+
while (currentNext) {
|
|
173
|
+
const temp = currentNext.next;
|
|
174
|
+
// Clean up references for garbage collection
|
|
175
|
+
currentNext.previous = null;
|
|
176
|
+
currentNext.next = null;
|
|
177
|
+
currentNext = temp;
|
|
178
|
+
removedCount++;
|
|
179
|
+
}
|
|
180
|
+
// Update the node's next pointer
|
|
181
|
+
node.next = null;
|
|
182
|
+
this._size -= removedCount;
|
|
183
|
+
return removedCount;
|
|
184
|
+
}
|
|
185
|
+
/**
|
|
186
|
+
* Ensures the stack doesn't exceed the maximum size by removing oldest nodes
|
|
187
|
+
*/
|
|
188
|
+
enforceMaxSize() {
|
|
189
|
+
if (this.maxSize <= 0 || this._size <= this.maxSize) {
|
|
190
|
+
return;
|
|
191
|
+
}
|
|
192
|
+
let nodesToRemove = this._size - this.maxSize;
|
|
193
|
+
let currentNode = this.rootNode;
|
|
194
|
+
// Find the new root node
|
|
195
|
+
while (nodesToRemove > 0 && currentNode) {
|
|
196
|
+
currentNode = currentNode.next;
|
|
197
|
+
nodesToRemove--;
|
|
198
|
+
}
|
|
199
|
+
if (currentNode) {
|
|
200
|
+
// Disconnect from previous history
|
|
201
|
+
currentNode.previous = null;
|
|
202
|
+
// Update root node
|
|
203
|
+
this.rootNode = currentNode;
|
|
204
|
+
// Update size
|
|
205
|
+
this._size = this.maxSize;
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
/**
|
|
209
|
+
* Gets all states in the stack as an array (from oldest to newest)
|
|
210
|
+
*/
|
|
211
|
+
toArray() {
|
|
212
|
+
const result = [];
|
|
213
|
+
let node = this.rootNode;
|
|
214
|
+
while (node) {
|
|
215
|
+
result.push(node.state);
|
|
216
|
+
node = node.next;
|
|
217
|
+
}
|
|
218
|
+
return result;
|
|
219
|
+
}
|
|
220
|
+
/**
|
|
221
|
+
* Gets the history nodes as an array (useful for debugging)
|
|
222
|
+
*/
|
|
223
|
+
getNodes() {
|
|
224
|
+
const result = [];
|
|
225
|
+
let node = this.rootNode;
|
|
226
|
+
while (node) {
|
|
227
|
+
result.push(node);
|
|
228
|
+
node = node.next;
|
|
229
|
+
}
|
|
230
|
+
return result;
|
|
231
|
+
}
|
|
232
|
+
}
|
package/esm2022/utils.mjs
CHANGED
|
@@ -133,6 +133,19 @@ export const replaceMessagePlaceholder = (message, name, value) => (message ?? '
|
|
|
133
133
|
* @hidden
|
|
134
134
|
*/
|
|
135
135
|
export const recursiveFlatMap = (item) => isGroupResult(item) ? item.items.flatMap(recursiveFlatMap) : [{ ...item }];
|
|
136
|
+
const mapColumnItemState = (c) => ({ id: c.id, width: c.width, hidden: c.hidden, locked: c.locked, sticky: c.sticky, orderIndex: c.orderIndex });
|
|
137
|
+
/**
|
|
138
|
+
* @hidden
|
|
139
|
+
*/
|
|
140
|
+
export const updateColumnFromState = (columnState, c) => {
|
|
141
|
+
Object.keys(columnState).forEach((key) => c[key] = columnState[key]);
|
|
142
|
+
};
|
|
143
|
+
/**
|
|
144
|
+
* @hidden
|
|
145
|
+
*/
|
|
146
|
+
export const recursiveColumnsFlatMap = (item) => (item.isColumnGroup || item.isSpanColumn) ?
|
|
147
|
+
[mapColumnItemState(item), ...item.children.toArray().flatMap(recursiveColumnsFlatMap)] :
|
|
148
|
+
[mapColumnItemState(item)];
|
|
136
149
|
/**
|
|
137
150
|
* @hidden
|
|
138
151
|
*/
|