Skip to content

Commit 80c6301

Browse files
b4rtazb4rtaz
authored
0.16.2. (#89)
* 0.16.2.
1 parent b409e1b commit 80c6301

File tree

13 files changed

+54
-32
lines changed

13 files changed

+54
-32
lines changed

‎CHANGELOG.md

+10
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,13 @@
1+
## 0.16.2
2+
3+
This version adds the `onSelectedStepIdChanged` event to the Angular package.
4+
5+
```html
6+
<sqd-designer ...
7+
(onSelectedStepIdChanged)="onSelectedStepIdChanged($event)">
8+
</sqd-designer>
9+
```
10+
111
## 0.16.1
212

313
This version addresses the bug related to deselecting a step when a click is made using the middle mouse button.

‎README.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -95,10 +95,10 @@ Add the below code to your head section in HTML document.
9595
```html
9696
<head>
9797
...
98-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.1/css/designer.css" rel="stylesheet">
99-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.1/css/designer-light.css" rel="stylesheet">
100-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.1/css/designer-dark.css" rel="stylesheet">
101-
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.1/dist/index.umd.js"></script>
98+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.2/css/designer.css" rel="stylesheet">
99+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.2/css/designer-light.css" rel="stylesheet">
100+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.2/css/designer-dark.css" rel="stylesheet">
101+
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.2/dist/index.umd.js"></script>
102102
```
103103

104104
Call the designer by:

‎angular/designer/README.md

+6-1
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,10 @@ export class AppComponent {
7474
public onDefinitionChanged(definition: Definition) {
7575
this.definition = definition;
7676
}
77+
78+
public onSelectedStepIdChanged(stepId: string | null) {
79+
// ...
80+
}
7781
}
7882
```
7983

@@ -156,7 +160,8 @@ At the end attach the designer:
156160
[globalEditor]="globalEditor"
157161
[stepEditor]="stepEditor"
158162
(onReady)="onDesignerReady($event)"
159-
(onDefinitionChanged)="onDefinitionChanged($event)">
163+
(onDefinitionChanged)="onDefinitionChanged($event)"
164+
(onSelectedStepIdChanged)="onSelectedStepIdChanged($event)">
160165
</sqd-designer>
161166
```
162167

‎angular/designer/package.json

+2-2
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.16.1",
4+
"version": "0.16.2",
55
"author": {
66
"name": "NoCode JS",
77
"url": "https://nocode-js.com/"
@@ -15,7 +15,7 @@
1515
"peerDependencies": {
1616
"@angular/common": "12 - 16",
1717
"@angular/core": "12 - 16",
18-
"sequential-workflow-designer": "^0.16.1"
18+
"sequential-workflow-designer": "^0.16.2"
1919
},
2020
"dependencies": {
2121
"tslib": "^2.3.0"

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

+8-7
Original file line numberDiff line numberDiff line change
@@ -81,6 +81,8 @@ export class DesignerComponent implements AfterViewInit, OnChanges, OnDestroy {
8181
public readonly onReady = new EventEmitter<Designer>();
8282
@Output()
8383
public readonly onDefinitionChanged = new EventEmitter<Definition>();
84+
@Output()
85+
public readonly onSelectedStepIdChanged = new EventEmitter<string | null>();
8486

8587
public constructor(private readonly ngZone: NgZone, private readonly applicationRef: ApplicationRef) {}
8688

@@ -148,14 +150,13 @@ export class DesignerComponent implements AfterViewInit, OnChanges, OnDestroy {
148150
extensions: this.extensions
149151
});
150152
designer.onReady.subscribe(() => {
151-
this.ngZone.run(() => {
152-
this.onReady.emit(designer);
153-
});
153+
this.ngZone.run(() => this.onReady.emit(designer));
154+
});
155+
designer.onDefinitionChanged.subscribe(definition => {
156+
this.ngZone.run(() => this.onDefinitionChanged.emit(definition));
154157
});
155-
designer.onDefinitionChanged.subscribe(() => {
156-
this.ngZone.run(() => {
157-
this.onDefinitionChanged.emit(designer.getDefinition());
158-
});
158+
designer.onSelectedStepIdChanged.subscribe(stepId => {
159+
this.ngZone.run(() => this.onSelectedStepIdChanged.emit(stepId));
159160
});
160161
this.designer = designer;
161162
});

‎demos/angular-app/package.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@
2626
"@angular/platform-browser-dynamic": "^15.2.9",
2727
"@angular/router": "^15.2.9",
2828
"rxjs": "~7.8.0",
29-
"sequential-workflow-designer": "^0.16.1",
30-
"sequential-workflow-designer-angular": "^0.16.1",
29+
"sequential-workflow-designer": "^0.16.2",
30+
"sequential-workflow-designer-angular": "^0.16.2",
3131
"tslib": "^2.3.0",
3232
"zone.js": "~0.13.0"
3333
},

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

+2-1
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@
1111
[stepEditor]="stepEditor"
1212
(onReady)="onDesignerReady($event)"
1313
(onDefinitionChanged)="onDefinitionChanged($event)"
14+
(onSelectedStepIdChanged)="onSelectedStepIdChanged($event)"
1415
>
1516
</sqd-designer>
1617

@@ -54,7 +55,7 @@ <h3>Velocity</h3>
5455

5556
<div class="block">
5657
<button mat-raised-button color="primary" (click)="reloadDefinitionClicked()">Reload definition</button>
57-
&nbsp; Is valid: <strong>{{ isValid }}</strong>
58+
&nbsp; Is valid: <strong>{{ isValid }}</strong> &nbsp; Selected step: <strong>{{ selectedStepId }}</strong>
5859
</div>
5960

6061
<div class="block">

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

+5
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ export class AppComponent implements OnInit {
4040

4141
public definition: Definition = createDefinition();
4242
public definitionJSON?: string;
43+
public selectedStepId = '-';
4344
public isValid?: boolean;
4445

4546
public readonly toolboxConfiguration: ToolboxConfiguration = {
@@ -75,6 +76,10 @@ export class AppComponent implements OnInit {
7576
console.log('definition has changed');
7677
}
7778

79+
public onSelectedStepIdChanged(stepId: string | null) {
80+
this.selectedStepId = stepId || '-';
81+
}
82+
7883
public updateName(step: Step, event: Event, context: StepEditorContext) {
7984
step.name = (event.target as HTMLInputElement).value;
8085
context.notifyNameChanged();

‎demos/angular-app/yarn.lock

+8-8
Original file line numberDiff line numberDiff line change
@@ -5956,17 +5956,17 @@ send@0.18.0:
59565956
range-parser "~1.2.1"
59575957
statuses "2.0.1"
59585958

5959-
sequential-workflow-designer-angular@^0.16.1:
5960-
version "0.16.1"
5961-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.16.1.tgz#362137a18f144e3487257b35f4bb40cf94774c2f"
5962-
integrity sha512-zISWzhnjZg/wgsdVIMJeJn1cw4oQtyBo4yGAqk9zqpvnMiogT90ATH5rTKzLYM8hU+ZMyv/sG+DD5d3gXcTbuQ==
5959+
sequential-workflow-designer-angular@^0.16.2:
5960+
version "0.16.2"
5961+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.16.2.tgz#4c95af277e2a69543b076057cbff42f3607ceb24"
5962+
integrity sha512-Y12qZP2vFLR15JXsF/6h+NLmHXPm7pzAIF5cbArN17qaZTog4McBhT2C5BEfywO0KsGXw6QUlNsirGM0xekYbA==
59635963
dependencies:
59645964
tslib "^2.3.0"
59655965

5966-
sequential-workflow-designer@^0.16.1:
5967-
version "0.16.1"
5968-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.16.1.tgz#9c70627dab95022f53702d86c4fecbc50cd99a90"
5969-
integrity sha512-YGp6FD9GJmVFWr+d3ztENE72pp5Glvi6CCEVyZtmlghDY8tA+2C0RcHDYAvUeZg4ZIJyN8Y9Dlkzc/5LnJsEdA==
5966+
sequential-workflow-designer@^0.16.2:
5967+
version "0.16.2"
5968+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.16.2.tgz#c8b8f668412b058789b6520b26d290098443eb83"
5969+
integrity sha512-zSFmrAiMnYVY5wwMLnSo+LsE1M2mWtYPPfIQGJ6bObTUkYBBfRsYrwJOkiUtFYmYzR9WtWokaUgkYJc3Xms9mA==
59705970
dependencies:
59715971
sequential-workflow-model "^0.2.0"
59725972

‎demos/react-app/package.json

+2-2
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.16.1",
10-
"sequential-workflow-designer-react": "^0.16.1"
9+
"sequential-workflow-designer": "^0.16.2",
10+
"sequential-workflow-designer-react": "^0.16.2"
1111
},
1212
"devDependencies": {
1313
"@types/jest": "^29.2.5",

‎designer/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "sequential-workflow-designer",
33
"description": "Customizable no-code component for building flow-based programming applications.",
4-
"version": "0.16.1",
4+
"version": "0.16.2",
55
"type": "module",
66
"main": "./lib/esm/index.js",
77
"types": "./lib/index.d.ts",

‎examples/assets/lib.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ function embedStylesheet(url) {
1919

2020
const baseUrl = isTestEnv()
2121
? '../designer'
22-
: '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.1';
22+
: '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.2';
2323

2424
embedScript(`${baseUrl}/dist/index.umd.js`);
2525
embedStylesheet(`${baseUrl}/css/designer.css`);

‎react/package.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "sequential-workflow-designer-react",
33
"description": "React wrapper for Sequential Workflow Designer component.",
4-
"version": "0.16.1",
4+
"version": "0.16.2",
55
"type": "module",
66
"main": "./lib/esm/index.js",
77
"types": "./lib/index.d.ts",
@@ -47,7 +47,7 @@
4747
"peerDependencies": {
4848
"react": "^18.2.0",
4949
"react-dom": "^18.2.0",
50-
"sequential-workflow-designer": "^0.16.1"
50+
"sequential-workflow-designer": "^0.16.2"
5151
},
5252
"devDependencies": {
5353
"@rollup/plugin-node-resolve": "^15.0.1",
@@ -63,7 +63,7 @@
6363
"prettier": "^2.8.2",
6464
"react": "^18.2.0",
6565
"react-dom": "^18.2.0",
66-
"sequential-workflow-designer": "^0.16.1",
66+
"sequential-workflow-designer": "^0.16.2",
6767
"rollup": "^3.18.0",
6868
"rollup-plugin-dts": "^5.2.0",
6969
"rollup-plugin-typescript2": "^0.34.1",

0 commit comments

Comments
 (0)