Skip to content

Commit 8031f6b

Browse files
b4rtazb4rtaz
authored
0.36.0. (#214)
1 parent 26cdde4 commit 8031f6b

27 files changed

+142
-79
lines changed

‎CHANGELOG.md‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,33 @@
1+
# 0.36.0
2+
3+
This version introduces a change to the `onDefinitionChanged` event. Previously, the payload of this event was the workflow definition itself. Now, the payload has been extended to the following structure:
4+
5+
```ts
6+
export interface DefinitionChangedEvent {
7+
definition: Definition;
8+
changeType: DefinitionChangeType;
9+
stepId: string | null;
10+
duplicatedStepIds?: DuplicatedStepId[];
11+
}
12+
```
13+
14+
This change is NOT backward compatible. If you are using the `onDefinitionChanged` event, you must update your code to read the definition from the definition property of the event payload.
15+
16+
```ts
17+
// before
18+
designer.onDefinitionChanged((definition) => { /* ... */ });
19+
20+
// now
21+
designer.onDefinitionChanged((event) => {
22+
const definition = event.definition;
23+
// ...
24+
});
25+
```
26+
27+
This change also affects the Angular package. Previously, the `onDefinitionChanged` event emitted the definition directly, it now emits a `DefinitionChangedEvent` object.
28+
29+
The change has also been propagated to the React and Svelte packages. However, for those packages, the update is backward compatible.
30+
131
# 0.35.3
232

333
Added support for Angular 20.

‎README.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -106,10 +106,10 @@ Add the below code to your head section in HTML document.
106106
```html
107107
<head>
108108
...
109-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.3/css/designer.css" rel="stylesheet">
110-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.3/css/designer-light.css" rel="stylesheet">
111-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.3/css/designer-dark.css" rel="stylesheet">
112-
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.3/dist/index.umd.js"></script>
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>
113113
```
114114

115115
Call the designer by:
@@ -217,7 +217,7 @@ const configuration = {
217217
};
218218

219219
const designer = Designer.create(placeholder, definition, configuration);
220-
designer.onDefinitionChanged.subscribe((newDefinition) => {
220+
designer.onDefinitionChanged.subscribe((event) => {
221221
// ...
222222
});
223223
```

‎angular/designer/README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -71,8 +71,8 @@ export class AppComponent {
7171
this.designer = designer;
7272
}
7373

74-
public onDefinitionChanged(definition: Definition) {
75-
this.definition = definition;
74+
public onDefinitionChanged(event: DefinitionChangedEvent) {
75+
this.definition = event.definition;
7676
}
7777

7878
public onSelectedStepIdChanged(stepId: string | null) {

‎angular/designer/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "sequential-workflow-designer-angular",
33
"description": "Angular wrapper for Sequential Workflow Designer component.",
4-
"version": "0.35.3",
4+
"version": "0.36.0",
55
"author": {
66
"name": "NoCode JS",
77
"url": "https://nocode-js.com/"
@@ -15,7 +15,7 @@
1515
"peerDependencies": {
1616
"@angular/common": "12 - 20",
1717
"@angular/core": "12 - 20",
18-
"sequential-workflow-designer": "^0.35.3"
18+
"sequential-workflow-designer": "^0.36.0"
1919
},
2020
"dependencies": {
2121
"tslib": "^2.3.0"

‎angular/designer/src/designer.component.ts‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,8 @@ import {
3131
ValidatorConfiguration,
3232
PlaceholderConfiguration,
3333
I18n,
34-
PreferenceStorage
34+
PreferenceStorage,
35+
DefinitionChangedEvent
3536
} from 'sequential-workflow-designer';
3637

3738
export interface RootEditorWrapper {
@@ -109,7 +110,7 @@ export class DesignerComponent implements AfterViewInit, OnChanges, OnDestroy {
109110
@Output()
110111
public readonly onReady = new EventEmitter<Designer>();
111112
@Output()
112-
public readonly onDefinitionChanged = new EventEmitter<Definition>();
113+
public readonly onDefinitionChanged = new EventEmitter<DefinitionChangedEvent>();
113114
@Output()
114115
public readonly onSelectedStepIdChanged = new EventEmitter<string | null>();
115116
@Output()
@@ -239,8 +240,8 @@ export class DesignerComponent implements AfterViewInit, OnChanges, OnDestroy {
239240
designer.onReady.subscribe(() => {
240241
this.ngZone.run(() => this.onReady.emit(designer));
241242
});
242-
designer.onDefinitionChanged.subscribe(definition => {
243-
this.ngZone.run(() => this.onDefinitionChanged.emit(definition));
243+
designer.onDefinitionChanged.subscribe(event => {
244+
this.ngZone.run(() => this.onDefinitionChanged.emit(event));
244245
});
245246
designer.onSelectedStepIdChanged.subscribe(stepId => {
246247
this.ngZone.run(() => this.onSelectedStepIdChanged.emit(stepId));

‎demos/angular-app/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@
2626
"@angular/platform-browser-dynamic": "^17.3.9",
2727
"@angular/router": "^17.3.9",
2828
"rxjs": "~7.8.0",
29-
"sequential-workflow-designer": "^0.35.3",
30-
"sequential-workflow-designer-angular": "^0.35.3",
29+
"sequential-workflow-designer": "^0.36.0",
30+
"sequential-workflow-designer-angular": "^0.36.0",
3131
"tslib": "^2.3.0",
3232
"zone.js": "~0.14.6"
3333
},

‎demos/angular-app/src/app/app.component.ts‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,8 @@ import {
1010
StepsConfiguration,
1111
ToolboxConfiguration,
1212
ValidatorConfiguration,
13-
BranchedStep
13+
BranchedStep,
14+
DefinitionChangedEvent
1415
} from 'sequential-workflow-designer';
1516

1617
function createJob(): Step {
@@ -87,8 +88,8 @@ export class AppComponent implements OnInit {
8788
console.log('designer ready', this.designer);
8889
}
8990

90-
public onDefinitionChanged(definition: Definition) {
91-
this.definition = definition;
91+
public onDefinitionChanged(event: DefinitionChangedEvent) {
92+
this.definition = event.definition;
9293
this.updateIsValid();
9394
this.updateDefinitionJSON();
9495
console.log('definition has changed');

‎demos/angular-app/yarn.lock‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6744,17 +6744,17 @@ send@0.18.0:
67446744
range-parser "~1.2.1"
67456745
statuses "2.0.1"
67466746

6747-
sequential-workflow-designer-angular@^0.35.3:
6748-
version "0.35.3"
6749-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.35.3.tgz#9b2a6de61234566795737b8824950046a62c216d"
6750-
integrity sha512-DMEpr2s8dB52jCcK9zUfMYYYvCycqmpCD7YUF4+XX/b8aiv7B++4xZu5tqap9aaDVDznSE8RINTBMNza3emUKw==
6747+
sequential-workflow-designer-angular@^0.36.0:
6748+
version "0.36.0"
6749+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.36.0.tgz#61039bded475be409e82eb720e3899e95835aabb"
6750+
integrity sha512-qVO3usmb0Ms2OeKdz+7M4sPKIya5P2JpUMtoNVdVXqE+Kr3gTXqxqFIrBX70U70MvCpGmmkvBXyf8w5VQVmzww==
67516751
dependencies:
67526752
tslib "^2.3.0"
67536753

6754-
sequential-workflow-designer@^0.35.3:
6755-
version "0.35.3"
6756-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.35.3.tgz#2d454600db1b5a6c81748977a45421c1f8ae6ab0"
6757-
integrity sha512-ZLy4JSKKqziGAw4SKKYKUcx56b9ztr0PbCtaTHOIkqPvFlZDoAl1WvG/dX6hD0nLGH9hYE3cZL0PJ7O4YQQ09g==
6754+
sequential-workflow-designer@^0.36.0:
6755+
version "0.36.0"
6756+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.36.0.tgz#43e87d2e3890080dac5870342aa0ceda5ae43300"
6757+
integrity sha512-XZYkOC5+9iw0mDOR/D5IngfSyydfclMzZGrS/ZcQQOezchBGLVo8tYq34dxGphILafbU6ywb4Cj3tx1xZiZwoQ==
67586758
dependencies:
67596759
sequential-workflow-model "^0.2.0"
67606760

‎demos/react-app/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@
66
"dependencies": {
77
"react": "^18.2.0",
88
"react-dom": "^18.2.0",
9-
"sequential-workflow-designer": "^0.35.3",
10-
"sequential-workflow-designer-react": "^0.35.3"
9+
"sequential-workflow-designer": "^0.36.0",
10+
"sequential-workflow-designer-react": "^0.36.0"
1111
},
1212
"devDependencies": {
1313
"@types/jest": "^29.2.5",

‎demos/svelte-app/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,8 @@
1616
"eslint": "eslint ./src --ext .ts"
1717
},
1818
"dependencies": {
19-
"sequential-workflow-designer": "^0.35.3",
20-
"sequential-workflow-designer-svelte": "^0.35.3"
19+
"sequential-workflow-designer": "^0.36.0",
20+
"sequential-workflow-designer-svelte": "^0.36.0"
2121
},
2222
"devDependencies": {
2323
"@sveltejs/adapter-static": "^2.0.3",

0 commit comments

Comments
 (0)