sequential-workflow-designer 0.35.2 → 0.36.0
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/README.md +5 -5
- package/dist/index.umd.js +30 -13
- package/lib/cjs/index.cjs +30 -13
- package/lib/esm/index.js +30 -13
- package/lib/index.d.ts +15 -11
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -106,10 +106,10 @@ Add the below code to your head section in HTML document.
|
|
|
106
106
|
```html
|
|
107
107
|
<head>
|
|
108
108
|
...
|
|
109
|
-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
110
|
-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
111
|
-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
112
|
-
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.
|
|
109
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.36.0/css/designer.css" rel="stylesheet">
|
|
110
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.36.0/css/designer-light.css" rel="stylesheet">
|
|
111
|
+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.36.0/css/designer-dark.css" rel="stylesheet">
|
|
112
|
+
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.36.0/dist/index.umd.js"></script>
|
|
113
113
|
```
|
|
114
114
|
|
|
115
115
|
Call the designer by:
|
|
@@ -217,7 +217,7 @@ const configuration = {
|
|
|
217
217
|
};
|
|
218
218
|
|
|
219
219
|
const designer = Designer.create(placeholder, definition, configuration);
|
|
220
|
-
designer.onDefinitionChanged.subscribe((
|
|
220
|
+
designer.onDefinitionChanged.subscribe((event) => {
|
|
221
221
|
// ...
|
|
222
222
|
});
|
|
223
223
|
```
|
package/dist/index.umd.js
CHANGED
|
@@ -3049,11 +3049,19 @@
|
|
|
3049
3049
|
}
|
|
3050
3050
|
duplicate(step) {
|
|
3051
3051
|
const newStep = ObjectCloner.deepClone(step);
|
|
3052
|
-
|
|
3052
|
+
const duplicatedIds = [];
|
|
3053
|
+
const newId = this.uidGenerator();
|
|
3054
|
+
duplicatedIds.push([step.id, newId]);
|
|
3055
|
+
newStep.id = newId;
|
|
3053
3056
|
this.definitionWalker.forEachChildren(newStep, s => {
|
|
3054
|
-
|
|
3057
|
+
const newId = this.uidGenerator();
|
|
3058
|
+
duplicatedIds.push([s.id, newId]);
|
|
3059
|
+
s.id = newId;
|
|
3055
3060
|
});
|
|
3056
|
-
return
|
|
3061
|
+
return {
|
|
3062
|
+
step: newStep,
|
|
3063
|
+
duplicatedIds
|
|
3064
|
+
};
|
|
3057
3065
|
}
|
|
3058
3066
|
}
|
|
3059
3067
|
|
|
@@ -3174,13 +3182,13 @@
|
|
|
3174
3182
|
this.updateDependencies();
|
|
3175
3183
|
return true;
|
|
3176
3184
|
}
|
|
3177
|
-
tryInsert(step, targetSequence, targetIndex) {
|
|
3185
|
+
tryInsert(step, targetSequence, targetIndex, details) {
|
|
3178
3186
|
const canInsertStep = this.configuration.canInsertStep ? this.configuration.canInsertStep(step, targetSequence, targetIndex) : true;
|
|
3179
3187
|
if (!canInsertStep) {
|
|
3180
3188
|
return false;
|
|
3181
3189
|
}
|
|
3182
3190
|
SequenceModifier.insertStep(step, targetSequence, targetIndex);
|
|
3183
|
-
this.state.notifyDefinitionChanged(exports.DefinitionChangeType.stepInserted, step.id);
|
|
3191
|
+
this.state.notifyDefinitionChanged(exports.DefinitionChangeType.stepInserted, step.id, details);
|
|
3184
3192
|
if (!this.configuration.isAutoSelectDisabled && this.isSelectable(step, targetSequence)) {
|
|
3185
3193
|
this.trySelectStepById(step.id);
|
|
3186
3194
|
}
|
|
@@ -3216,8 +3224,10 @@
|
|
|
3216
3224
|
tryDuplicate(step, parentSequence) {
|
|
3217
3225
|
const duplicator = new StepDuplicator(this.uidGenerator, this.definitionWalker);
|
|
3218
3226
|
const index = parentSequence.indexOf(step);
|
|
3219
|
-
const
|
|
3220
|
-
return this.tryInsert(
|
|
3227
|
+
const result = duplicator.duplicate(step);
|
|
3228
|
+
return this.tryInsert(result.step, parentSequence, index + 1, {
|
|
3229
|
+
duplicatedStepIds: result.duplicatedIds
|
|
3230
|
+
});
|
|
3221
3231
|
}
|
|
3222
3232
|
replaceDefinition(definition) {
|
|
3223
3233
|
if (!definition) {
|
|
@@ -3277,8 +3287,16 @@
|
|
|
3277
3287
|
this.definition = definition;
|
|
3278
3288
|
this.notifyDefinitionChanged(exports.DefinitionChangeType.rootReplaced, null);
|
|
3279
3289
|
}
|
|
3280
|
-
notifyDefinitionChanged(changeType, stepId) {
|
|
3281
|
-
|
|
3290
|
+
notifyDefinitionChanged(changeType, stepId, details) {
|
|
3291
|
+
const event = {
|
|
3292
|
+
definition: this.definition,
|
|
3293
|
+
changeType,
|
|
3294
|
+
stepId
|
|
3295
|
+
};
|
|
3296
|
+
if (details) {
|
|
3297
|
+
Object.assign(event, details);
|
|
3298
|
+
}
|
|
3299
|
+
this.onDefinitionChanged.forward(event);
|
|
3282
3300
|
}
|
|
3283
3301
|
notifyStepUnselectionBlocked(stepId) {
|
|
3284
3302
|
this.onStepUnselectionBlocked.forward(stepId);
|
|
@@ -5219,11 +5237,11 @@
|
|
|
5219
5237
|
const designerContext = DesignerContext.create(placeholder, startDefinition, config, services);
|
|
5220
5238
|
const designerApi = DesignerApi.create(designerContext);
|
|
5221
5239
|
const view = DesignerView.create(placeholder, designerContext, designerApi);
|
|
5222
|
-
const designer = new Designer(view, designerContext.state, designerContext.
|
|
5240
|
+
const designer = new Designer(view, designerContext.state, designerContext.definitionWalker, designerContext.historyController, designerApi);
|
|
5223
5241
|
view.workspace.onRendered.first().then(designer.onReady.forward);
|
|
5224
5242
|
race(0, designerContext.state.onDefinitionChanged, designerContext.state.onSelectedStepIdChanged).subscribe(([definition, selectedStepId]) => {
|
|
5225
5243
|
if (definition !== undefined) {
|
|
5226
|
-
designer.onDefinitionChanged.forward(
|
|
5244
|
+
designer.onDefinitionChanged.forward(definition);
|
|
5227
5245
|
}
|
|
5228
5246
|
if (selectedStepId !== undefined) {
|
|
5229
5247
|
designer.onSelectedStepIdChanged.forward(designerContext.state.selectedStepId);
|
|
@@ -5235,10 +5253,9 @@
|
|
|
5235
5253
|
designerContext.state.onStepUnselectionBlocked.subscribe(designer.onStepUnselectionBlocked.forward);
|
|
5236
5254
|
return designer;
|
|
5237
5255
|
}
|
|
5238
|
-
constructor(view, state,
|
|
5256
|
+
constructor(view, state, walker, historyController, api) {
|
|
5239
5257
|
this.view = view;
|
|
5240
5258
|
this.state = state;
|
|
5241
|
-
this.stateModifier = stateModifier;
|
|
5242
5259
|
this.walker = walker;
|
|
5243
5260
|
this.historyController = historyController;
|
|
5244
5261
|
this.api = api;
|
package/lib/cjs/index.cjs
CHANGED
|
@@ -2864,11 +2864,19 @@ class StepDuplicator {
|
|
|
2864
2864
|
}
|
|
2865
2865
|
duplicate(step) {
|
|
2866
2866
|
const newStep = ObjectCloner.deepClone(step);
|
|
2867
|
-
|
|
2867
|
+
const duplicatedIds = [];
|
|
2868
|
+
const newId = this.uidGenerator();
|
|
2869
|
+
duplicatedIds.push([step.id, newId]);
|
|
2870
|
+
newStep.id = newId;
|
|
2868
2871
|
this.definitionWalker.forEachChildren(newStep, s => {
|
|
2869
|
-
|
|
2872
|
+
const newId = this.uidGenerator();
|
|
2873
|
+
duplicatedIds.push([s.id, newId]);
|
|
2874
|
+
s.id = newId;
|
|
2870
2875
|
});
|
|
2871
|
-
return
|
|
2876
|
+
return {
|
|
2877
|
+
step: newStep,
|
|
2878
|
+
duplicatedIds
|
|
2879
|
+
};
|
|
2872
2880
|
}
|
|
2873
2881
|
}
|
|
2874
2882
|
|
|
@@ -2989,13 +2997,13 @@ class StateModifier {
|
|
|
2989
2997
|
this.updateDependencies();
|
|
2990
2998
|
return true;
|
|
2991
2999
|
}
|
|
2992
|
-
tryInsert(step, targetSequence, targetIndex) {
|
|
3000
|
+
tryInsert(step, targetSequence, targetIndex, details) {
|
|
2993
3001
|
const canInsertStep = this.configuration.canInsertStep ? this.configuration.canInsertStep(step, targetSequence, targetIndex) : true;
|
|
2994
3002
|
if (!canInsertStep) {
|
|
2995
3003
|
return false;
|
|
2996
3004
|
}
|
|
2997
3005
|
SequenceModifier.insertStep(step, targetSequence, targetIndex);
|
|
2998
|
-
this.state.notifyDefinitionChanged(exports.DefinitionChangeType.stepInserted, step.id);
|
|
3006
|
+
this.state.notifyDefinitionChanged(exports.DefinitionChangeType.stepInserted, step.id, details);
|
|
2999
3007
|
if (!this.configuration.isAutoSelectDisabled && this.isSelectable(step, targetSequence)) {
|
|
3000
3008
|
this.trySelectStepById(step.id);
|
|
3001
3009
|
}
|
|
@@ -3031,8 +3039,10 @@ class StateModifier {
|
|
|
3031
3039
|
tryDuplicate(step, parentSequence) {
|
|
3032
3040
|
const duplicator = new StepDuplicator(this.uidGenerator, this.definitionWalker);
|
|
3033
3041
|
const index = parentSequence.indexOf(step);
|
|
3034
|
-
const
|
|
3035
|
-
return this.tryInsert(
|
|
3042
|
+
const result = duplicator.duplicate(step);
|
|
3043
|
+
return this.tryInsert(result.step, parentSequence, index + 1, {
|
|
3044
|
+
duplicatedStepIds: result.duplicatedIds
|
|
3045
|
+
});
|
|
3036
3046
|
}
|
|
3037
3047
|
replaceDefinition(definition) {
|
|
3038
3048
|
if (!definition) {
|
|
@@ -3092,8 +3102,16 @@ class DesignerState {
|
|
|
3092
3102
|
this.definition = definition;
|
|
3093
3103
|
this.notifyDefinitionChanged(exports.DefinitionChangeType.rootReplaced, null);
|
|
3094
3104
|
}
|
|
3095
|
-
notifyDefinitionChanged(changeType, stepId) {
|
|
3096
|
-
|
|
3105
|
+
notifyDefinitionChanged(changeType, stepId, details) {
|
|
3106
|
+
const event = {
|
|
3107
|
+
definition: this.definition,
|
|
3108
|
+
changeType,
|
|
3109
|
+
stepId
|
|
3110
|
+
};
|
|
3111
|
+
if (details) {
|
|
3112
|
+
Object.assign(event, details);
|
|
3113
|
+
}
|
|
3114
|
+
this.onDefinitionChanged.forward(event);
|
|
3097
3115
|
}
|
|
3098
3116
|
notifyStepUnselectionBlocked(stepId) {
|
|
3099
3117
|
this.onStepUnselectionBlocked.forward(stepId);
|
|
@@ -5034,11 +5052,11 @@ class Designer {
|
|
|
5034
5052
|
const designerContext = DesignerContext.create(placeholder, startDefinition, config, services);
|
|
5035
5053
|
const designerApi = DesignerApi.create(designerContext);
|
|
5036
5054
|
const view = DesignerView.create(placeholder, designerContext, designerApi);
|
|
5037
|
-
const designer = new Designer(view, designerContext.state, designerContext.
|
|
5055
|
+
const designer = new Designer(view, designerContext.state, designerContext.definitionWalker, designerContext.historyController, designerApi);
|
|
5038
5056
|
view.workspace.onRendered.first().then(designer.onReady.forward);
|
|
5039
5057
|
race(0, designerContext.state.onDefinitionChanged, designerContext.state.onSelectedStepIdChanged).subscribe(([definition, selectedStepId]) => {
|
|
5040
5058
|
if (definition !== undefined) {
|
|
5041
|
-
designer.onDefinitionChanged.forward(
|
|
5059
|
+
designer.onDefinitionChanged.forward(definition);
|
|
5042
5060
|
}
|
|
5043
5061
|
if (selectedStepId !== undefined) {
|
|
5044
5062
|
designer.onSelectedStepIdChanged.forward(designerContext.state.selectedStepId);
|
|
@@ -5050,10 +5068,9 @@ class Designer {
|
|
|
5050
5068
|
designerContext.state.onStepUnselectionBlocked.subscribe(designer.onStepUnselectionBlocked.forward);
|
|
5051
5069
|
return designer;
|
|
5052
5070
|
}
|
|
5053
|
-
constructor(view, state,
|
|
5071
|
+
constructor(view, state, walker, historyController, api) {
|
|
5054
5072
|
this.view = view;
|
|
5055
5073
|
this.state = state;
|
|
5056
|
-
this.stateModifier = stateModifier;
|
|
5057
5074
|
this.walker = walker;
|
|
5058
5075
|
this.historyController = historyController;
|
|
5059
5076
|
this.api = api;
|
package/lib/esm/index.js
CHANGED
|
@@ -2863,11 +2863,19 @@ class StepDuplicator {
|
|
|
2863
2863
|
}
|
|
2864
2864
|
duplicate(step) {
|
|
2865
2865
|
const newStep = ObjectCloner.deepClone(step);
|
|
2866
|
-
|
|
2866
|
+
const duplicatedIds = [];
|
|
2867
|
+
const newId = this.uidGenerator();
|
|
2868
|
+
duplicatedIds.push([step.id, newId]);
|
|
2869
|
+
newStep.id = newId;
|
|
2867
2870
|
this.definitionWalker.forEachChildren(newStep, s => {
|
|
2868
|
-
|
|
2871
|
+
const newId = this.uidGenerator();
|
|
2872
|
+
duplicatedIds.push([s.id, newId]);
|
|
2873
|
+
s.id = newId;
|
|
2869
2874
|
});
|
|
2870
|
-
return
|
|
2875
|
+
return {
|
|
2876
|
+
step: newStep,
|
|
2877
|
+
duplicatedIds
|
|
2878
|
+
};
|
|
2871
2879
|
}
|
|
2872
2880
|
}
|
|
2873
2881
|
|
|
@@ -2988,13 +2996,13 @@ class StateModifier {
|
|
|
2988
2996
|
this.updateDependencies();
|
|
2989
2997
|
return true;
|
|
2990
2998
|
}
|
|
2991
|
-
tryInsert(step, targetSequence, targetIndex) {
|
|
2999
|
+
tryInsert(step, targetSequence, targetIndex, details) {
|
|
2992
3000
|
const canInsertStep = this.configuration.canInsertStep ? this.configuration.canInsertStep(step, targetSequence, targetIndex) : true;
|
|
2993
3001
|
if (!canInsertStep) {
|
|
2994
3002
|
return false;
|
|
2995
3003
|
}
|
|
2996
3004
|
SequenceModifier.insertStep(step, targetSequence, targetIndex);
|
|
2997
|
-
this.state.notifyDefinitionChanged(DefinitionChangeType.stepInserted, step.id);
|
|
3005
|
+
this.state.notifyDefinitionChanged(DefinitionChangeType.stepInserted, step.id, details);
|
|
2998
3006
|
if (!this.configuration.isAutoSelectDisabled && this.isSelectable(step, targetSequence)) {
|
|
2999
3007
|
this.trySelectStepById(step.id);
|
|
3000
3008
|
}
|
|
@@ -3030,8 +3038,10 @@ class StateModifier {
|
|
|
3030
3038
|
tryDuplicate(step, parentSequence) {
|
|
3031
3039
|
const duplicator = new StepDuplicator(this.uidGenerator, this.definitionWalker);
|
|
3032
3040
|
const index = parentSequence.indexOf(step);
|
|
3033
|
-
const
|
|
3034
|
-
return this.tryInsert(
|
|
3041
|
+
const result = duplicator.duplicate(step);
|
|
3042
|
+
return this.tryInsert(result.step, parentSequence, index + 1, {
|
|
3043
|
+
duplicatedStepIds: result.duplicatedIds
|
|
3044
|
+
});
|
|
3035
3045
|
}
|
|
3036
3046
|
replaceDefinition(definition) {
|
|
3037
3047
|
if (!definition) {
|
|
@@ -3091,8 +3101,16 @@ class DesignerState {
|
|
|
3091
3101
|
this.definition = definition;
|
|
3092
3102
|
this.notifyDefinitionChanged(DefinitionChangeType.rootReplaced, null);
|
|
3093
3103
|
}
|
|
3094
|
-
notifyDefinitionChanged(changeType, stepId) {
|
|
3095
|
-
|
|
3104
|
+
notifyDefinitionChanged(changeType, stepId, details) {
|
|
3105
|
+
const event = {
|
|
3106
|
+
definition: this.definition,
|
|
3107
|
+
changeType,
|
|
3108
|
+
stepId
|
|
3109
|
+
};
|
|
3110
|
+
if (details) {
|
|
3111
|
+
Object.assign(event, details);
|
|
3112
|
+
}
|
|
3113
|
+
this.onDefinitionChanged.forward(event);
|
|
3096
3114
|
}
|
|
3097
3115
|
notifyStepUnselectionBlocked(stepId) {
|
|
3098
3116
|
this.onStepUnselectionBlocked.forward(stepId);
|
|
@@ -5033,11 +5051,11 @@ class Designer {
|
|
|
5033
5051
|
const designerContext = DesignerContext.create(placeholder, startDefinition, config, services);
|
|
5034
5052
|
const designerApi = DesignerApi.create(designerContext);
|
|
5035
5053
|
const view = DesignerView.create(placeholder, designerContext, designerApi);
|
|
5036
|
-
const designer = new Designer(view, designerContext.state, designerContext.
|
|
5054
|
+
const designer = new Designer(view, designerContext.state, designerContext.definitionWalker, designerContext.historyController, designerApi);
|
|
5037
5055
|
view.workspace.onRendered.first().then(designer.onReady.forward);
|
|
5038
5056
|
race(0, designerContext.state.onDefinitionChanged, designerContext.state.onSelectedStepIdChanged).subscribe(([definition, selectedStepId]) => {
|
|
5039
5057
|
if (definition !== undefined) {
|
|
5040
|
-
designer.onDefinitionChanged.forward(
|
|
5058
|
+
designer.onDefinitionChanged.forward(definition);
|
|
5041
5059
|
}
|
|
5042
5060
|
if (selectedStepId !== undefined) {
|
|
5043
5061
|
designer.onSelectedStepIdChanged.forward(designerContext.state.selectedStepId);
|
|
@@ -5049,10 +5067,9 @@ class Designer {
|
|
|
5049
5067
|
designerContext.state.onStepUnselectionBlocked.subscribe(designer.onStepUnselectionBlocked.forward);
|
|
5050
5068
|
return designer;
|
|
5051
5069
|
}
|
|
5052
|
-
constructor(view, state,
|
|
5070
|
+
constructor(view, state, walker, historyController, api) {
|
|
5053
5071
|
this.view = view;
|
|
5054
5072
|
this.state = state;
|
|
5055
|
-
this.stateModifier = stateModifier;
|
|
5056
5073
|
this.walker = walker;
|
|
5057
5074
|
this.historyController = historyController;
|
|
5058
5075
|
this.api = api;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as sequential_workflow_model from 'sequential-workflow-model';
|
|
1
2
|
import { Definition, Step, Sequence, ComponentType, DefinitionWalker, StepWithParentSequence, BranchedStep, StepOrName } from 'sequential-workflow-model';
|
|
2
3
|
export * from 'sequential-workflow-model';
|
|
3
4
|
|
|
@@ -96,10 +97,7 @@ declare class BehaviorController {
|
|
|
96
97
|
private stop;
|
|
97
98
|
}
|
|
98
99
|
|
|
99
|
-
|
|
100
|
-
changeType: DefinitionChangeType;
|
|
101
|
-
stepId: string | null;
|
|
102
|
-
}
|
|
100
|
+
type DefinitionChangedEventDetails = Omit<DefinitionChangedEvent, 'definition' | 'changeType' | 'stepId'>;
|
|
103
101
|
declare class DesignerState {
|
|
104
102
|
definition: Definition;
|
|
105
103
|
isReadonly: boolean;
|
|
@@ -112,7 +110,7 @@ declare class DesignerState {
|
|
|
112
110
|
readonly onIsReadonlyChanged: SimpleEvent<boolean>;
|
|
113
111
|
readonly onIsDraggingChanged: SimpleEvent<boolean>;
|
|
114
112
|
readonly onIsDragDisabledChanged: SimpleEvent<boolean>;
|
|
115
|
-
readonly onDefinitionChanged: SimpleEvent<DefinitionChangedEvent
|
|
113
|
+
readonly onDefinitionChanged: SimpleEvent<DefinitionChangedEvent<Definition>>;
|
|
116
114
|
readonly onIsToolboxCollapsedChanged: SimpleEvent<boolean>;
|
|
117
115
|
readonly onIsEditorCollapsedChanged: SimpleEvent<boolean>;
|
|
118
116
|
viewport: Viewport;
|
|
@@ -126,7 +124,7 @@ declare class DesignerState {
|
|
|
126
124
|
setFolderPath(path: string[]): void;
|
|
127
125
|
tryGetLastStepIdFromFolderPath(): string | null;
|
|
128
126
|
setDefinition(definition: Definition): void;
|
|
129
|
-
notifyDefinitionChanged(changeType: DefinitionChangeType, stepId: string | null): void;
|
|
127
|
+
notifyDefinitionChanged(changeType: DefinitionChangeType, stepId: string | null, details?: DefinitionChangedEventDetails): void;
|
|
130
128
|
notifyStepUnselectionBlocked(stepId: string | null): void;
|
|
131
129
|
setViewport(viewport: Viewport): void;
|
|
132
130
|
setIsReadonly(isReadonly: boolean): void;
|
|
@@ -429,7 +427,7 @@ declare class PathBarApi {
|
|
|
429
427
|
private readonly state;
|
|
430
428
|
private readonly definitionWalker;
|
|
431
429
|
constructor(state: DesignerState, definitionWalker: DefinitionWalker);
|
|
432
|
-
readonly onStateChanged: SimpleEvent<[(string[] | undefined)?, (DefinitionChangedEvent | undefined)?, unknown?, unknown?]>;
|
|
430
|
+
readonly onStateChanged: SimpleEvent<[(string[] | undefined)?, (DefinitionChangedEvent<sequential_workflow_model.Definition> | undefined)?, unknown?, unknown?]>;
|
|
433
431
|
setFolderPath(path: string[]): void;
|
|
434
432
|
getFolderPath(): string[];
|
|
435
433
|
getFolderPathStepNames(): string[];
|
|
@@ -1205,6 +1203,13 @@ declare enum DefinitionChangeType {
|
|
|
1205
1203
|
stepInserted = 6,
|
|
1206
1204
|
rootPropertyChanged = 7,
|
|
1207
1205
|
rootReplaced = 8
|
|
1206
|
+
}
|
|
1207
|
+
type DuplicatedStepId = [sourceStepId: string, newStepId: string];
|
|
1208
|
+
interface DefinitionChangedEvent<TDefinition extends Definition = Definition> {
|
|
1209
|
+
definition: TDefinition;
|
|
1210
|
+
changeType: DefinitionChangeType;
|
|
1211
|
+
stepId: string | null;
|
|
1212
|
+
duplicatedStepIds?: DuplicatedStepId[];
|
|
1208
1213
|
}
|
|
1209
1214
|
|
|
1210
1215
|
declare class StateModifier {
|
|
@@ -1230,7 +1235,7 @@ declare class StateModifier {
|
|
|
1230
1235
|
* @description Check the `isDeletable` callback before calling this method.
|
|
1231
1236
|
*/
|
|
1232
1237
|
tryDeleteById(stepId: string): boolean;
|
|
1233
|
-
tryInsert(step: Step, targetSequence: Sequence, targetIndex: number): boolean;
|
|
1238
|
+
tryInsert(step: Step, targetSequence: Sequence, targetIndex: number, details?: DefinitionChangedEventDetails): boolean;
|
|
1234
1239
|
isDraggable(step: Step, parentSequence: Sequence): boolean;
|
|
1235
1240
|
tryMove(sourceSequence: Sequence, step: Step, targetSequence: Sequence, targetIndex: number): boolean;
|
|
1236
1241
|
isDuplicable(step: Step, parentSequence: Sequence): boolean;
|
|
@@ -1323,7 +1328,6 @@ declare class Editor {
|
|
|
1323
1328
|
declare class Designer<TDefinition extends Definition = Definition> {
|
|
1324
1329
|
private readonly view;
|
|
1325
1330
|
private readonly state;
|
|
1326
|
-
private readonly stateModifier;
|
|
1327
1331
|
private readonly walker;
|
|
1328
1332
|
private readonly historyController;
|
|
1329
1333
|
private readonly api;
|
|
@@ -1343,7 +1347,7 @@ declare class Designer<TDefinition extends Definition = Definition> {
|
|
|
1343
1347
|
/**
|
|
1344
1348
|
* @description Fires when the definition has changed.
|
|
1345
1349
|
*/
|
|
1346
|
-
readonly onDefinitionChanged: SimpleEvent<TDefinition
|
|
1350
|
+
readonly onDefinitionChanged: SimpleEvent<DefinitionChangedEvent<TDefinition>>;
|
|
1347
1351
|
/**
|
|
1348
1352
|
* @description Fires when the viewport has changed.
|
|
1349
1353
|
*/
|
|
@@ -1463,4 +1467,4 @@ declare class Designer<TDefinition extends Definition = Definition> {
|
|
|
1463
1467
|
}
|
|
1464
1468
|
|
|
1465
1469
|
export { Badges, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommandType, ComponentContext, ComponentDom, ControlBarApi, CustomActionController, DefaultRegionComponentViewExtension, DefaultRegionView, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerDesignerExtension, DefaultViewportControllerExtension, DefinitionChangeType, Designer, DesignerApi, DesignerContext, DesignerState, Dom, Editor, EditorApi, Icons, InputView, JoinView, KeyboardAction, LabelView, LineGridDesignerExtension, ObjectCloner, OutputView, PathBarApi, PlaceholderController, PlaceholderDirection, PlaceholderGapOrientation, RectPlaceholder, RectPlaceholderDesignerExtension, RectPlaceholderView, SelectStepBehaviorEndToken, ServicesResolver, SimpleEvent, StartStopRootComponentDesignerExtension, StartStopRootComponentExtension, StepComponent, StepExtensionResolver, StepsDesignerExtension, TYPE, ToolboxApi, Uid, ValidationErrorBadgeExtension, Vector, ViewportApi, WorkspaceApi, createContainerStepComponentViewFactory, createLaunchPadStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, getAbsolutePosition, race };
|
|
1466
|
-
export type { Attributes, Badge, BadgeExtension, BadgeView, BadgesDecorator, BadgesResult, BaseClickCommand, Behavior, BehaviorEndToken, BranchNamesResolver, ClickBehaviorWrapper, ClickBehaviorWrapperExtension, ClickCommand, ClickDetails, Component, ComponentView, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ContextMenuExtension, ContextMenuItem, ContextMenuItemsProvider, CustomAction, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultViewportControllerConfiguration, DefaultViewportControllerExtensionConfiguration, DefinitionChangedEvent, DesignerConfiguration, DesignerExtension, DraggedComponent, DraggedComponentExtension, EditorsConfiguration, FoundPlaceholders, Grid, GridExtension, I18n, KeyboardConfiguration, LaunchPadStepComponentViewConfiguration, LaunchPadStepExtensionConfiguration, LineGridConfiguration, NextScale, OpenFolderClickCommand, Placeholder, PlaceholderConfiguration, PlaceholderExtension, PlaceholderView, PreferenceStorage, RectPlaceholderConfiguration, RegionComponentViewContentFactory, RegionComponentViewExtension, RegionView, RegionViewFactory, RerenderStepClickCommand, RootComponentExtension, RootEditorContext, RootEditorProvider, RootValidator, SelectStepClickCommand, SelectedStepIdProvider, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, SimpleEventListener, StartStopRootComponentExtensionConfiguration, StartStopRootComponentViewConfiguration, StateModifierDependency, StepBadgesDecoratorExtension, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtensionConfiguration, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, UidGenerator, UndoStack, UndoStackItem, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Viewport, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceRootSequence };
|
|
1470
|
+
export type { Attributes, Badge, BadgeExtension, BadgeView, BadgesDecorator, BadgesResult, BaseClickCommand, Behavior, BehaviorEndToken, BranchNamesResolver, ClickBehaviorWrapper, ClickBehaviorWrapperExtension, ClickCommand, ClickDetails, Component, ComponentView, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ContextMenuExtension, ContextMenuItem, ContextMenuItemsProvider, CustomAction, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultViewportControllerConfiguration, DefaultViewportControllerExtensionConfiguration, DefinitionChangedEvent, DefinitionChangedEventDetails, DesignerConfiguration, DesignerExtension, DraggedComponent, DraggedComponentExtension, DuplicatedStepId, EditorsConfiguration, FoundPlaceholders, Grid, GridExtension, I18n, KeyboardConfiguration, LaunchPadStepComponentViewConfiguration, LaunchPadStepExtensionConfiguration, LineGridConfiguration, NextScale, OpenFolderClickCommand, Placeholder, PlaceholderConfiguration, PlaceholderExtension, PlaceholderView, PreferenceStorage, RectPlaceholderConfiguration, RegionComponentViewContentFactory, RegionComponentViewExtension, RegionView, RegionViewFactory, RerenderStepClickCommand, RootComponentExtension, RootEditorContext, RootEditorProvider, RootValidator, SelectStepClickCommand, SelectedStepIdProvider, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, SimpleEventListener, StartStopRootComponentExtensionConfiguration, StartStopRootComponentViewConfiguration, StateModifierDependency, StepBadgesDecoratorExtension, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtensionConfiguration, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, UidGenerator, UndoStack, UndoStackItem, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Viewport, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceRootSequence };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sequential-workflow-designer",
|
|
3
3
|
"description": "Customizable no-code component for building flow-based programming applications.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.36.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./lib/esm/index.js",
|
|
7
7
|
"types": "./lib/index.d.ts",
|