Skip to content

Commit 1a67a7f

Browse files
b4rtazb4rtaz
authored
0.16.5. (#93)
1 parent 365e409 commit 1a67a7f

File tree

13 files changed

+37
-30
lines changed

13 files changed

+37
-30
lines changed

‎CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
## 0.16.5
2+
3+
This version fixes the bug with scrolling in the toolbox [#92](https://github.com/nocode-js/sequential-workflow-designer/issues/92).
4+
15
## 0.16.4
26

37
This version introduces the `isAutoSelectDisabled` option. Now it's possible to disable the auto-select feature.

‎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.4/css/designer.css" rel="stylesheet">
99-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.4/css/designer-light.css" rel="stylesheet">
100-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.4/css/designer-dark.css" rel="stylesheet">
101-
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.4/dist/index.umd.js"></script>
98+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.5/css/designer.css" rel="stylesheet">
99+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.5/css/designer-light.css" rel="stylesheet">
100+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.5/css/designer-dark.css" rel="stylesheet">
101+
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.5/dist/index.umd.js"></script>
102102
```
103103

104104
Call the designer by:

‎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.4",
4+
"version": "0.16.5",
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.4"
18+
"sequential-workflow-designer": "^0.16.5"
1919
},
2020
"dependencies": {
2121
"tslib": "^2.3.0"

‎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.4",
30-
"sequential-workflow-designer-angular": "^0.16.4",
29+
"sequential-workflow-designer": "^0.16.5",
30+
"sequential-workflow-designer-angular": "^0.16.5",
3131
"tslib": "^2.3.0",
3232
"zone.js": "~0.13.0"
3333
},

‎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.4:
5960-
version "0.16.4"
5961-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.16.4.tgz#fc4d958e4ee7ce9344faa192ba0b13c8b3ae898d"
5962-
integrity sha512-G+JntoXICmgoILYEbD5AF9+NW0XxzZRCNT6YH5FbuWvH0GgIwv831hD2gQxGwKTAGXj+vSRIfBrVSHKagY08Qw==
5959+
sequential-workflow-designer-angular@^0.16.5:
5960+
version "0.16.5"
5961+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.16.5.tgz#7d2a7be9af8e26c75423219442218e729ce4dce2"
5962+
integrity sha512-t+q89aRg/Syu9w8Uk1Z85RNn2RIDEfJ4nTsgiXogr4Vdz6KXZkhgO5GWIsP0qSSzWM68dsLjT7CXchK47BplGQ==
59635963
dependencies:
59645964
tslib "^2.3.0"
59655965

5966-
sequential-workflow-designer@^0.16.4:
5967-
version "0.16.4"
5968-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.16.4.tgz#53ebf0e607f9503eb1bd99c8d8cd0cf347021a3d"
5969-
integrity sha512-BHL9zqvwkCVOGIldxdKArsAuC1tVOCq1YQdr77o3bgbntA6VDv9K8kW1Oj8MBQw+Er6IHWhLDQ7yEsVSFWyJfQ==
5966+
sequential-workflow-designer@^0.16.5:
5967+
version "0.16.5"
5968+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.16.5.tgz#c64d11da01b602814d1660b47a6c7cb42d8810e9"
5969+
integrity sha512-9BVrPBeQ2LRP6gKiiL2PVAiRZCEkAaiO4DWGv9KqYq4S8eB3k5HTzsSy/Y0yF5z4zPjstwHE7TqQzdOc6KHeGA==
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.4",
10-
"sequential-workflow-designer-react": "^0.16.4"
9+
"sequential-workflow-designer": "^0.16.5",
10+
"sequential-workflow-designer-react": "^0.16.5"
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.4",
4+
"version": "0.16.5",
55
"type": "module",
66
"main": "./lib/esm/index.js",
77
"types": "./lib/index.d.ts",

‎designer/src/toolbox/scrollbox-view.ts

+2-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ export class ScrollBoxView {
1515

1616
const view = new ScrollBoxView(root, viewport);
1717
window.addEventListener('resize', view.onResize, false);
18-
root.addEventListener('wheel', e => view.onWheel(e), false);
18+
root.addEventListener('wheel', e => view.onWheel(e), listenerOptions);
1919
root.addEventListener('touchstart', e => view.onTouchStart(e), listenerOptions);
2020
root.addEventListener('mousedown', e => view.onMouseDown(e), false);
2121
return view;
@@ -72,6 +72,7 @@ export class ScrollBoxView {
7272
};
7373

7474
private onWheel(e: WheelEvent) {
75+
e.preventDefault();
7576
e.stopPropagation();
7677

7778
if (this.content) {

‎designer/src/workspace/badges/validation-error/validation-error-badge-view.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export class ValidationErrorBadgeView implements BadgeView {
1616
g.appendChild(circle);
1717

1818
const icon = Icons.appendPath(g, 'sqd-validation-error-icon-path', Icons.alert, cfg.iconSize);
19-
const offsetX = (cfg.size - cfg.iconSize) * 0.5;
19+
const offsetX = (cfg.size - cfg.iconSize) / 2;
2020
const offsetY = offsetX * 1.5;
2121
Dom.translate(icon, offsetX, offsetY);
2222

‎designer/src/workspace/workspace-view.ts

+6-2
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,10 @@ import { Component } from './component';
88

99
let lastGridPatternId = 0;
1010

11+
const listenerOptions: AddEventListenerOptions & EventListenerOptions = {
12+
passive: false
13+
};
14+
1115
export class WorkspaceView {
1216
public static create(parent: HTMLElement, componentContext: ComponentContext): WorkspaceView {
1317
const patternId = 'sqd-grid-pattern-' + lastGridPatternId++;
@@ -115,7 +119,7 @@ export class WorkspaceView {
115119
handler(position, element, 0);
116120
}
117121
},
118-
{ passive: false }
122+
listenerOptions
119123
);
120124
}
121125

@@ -131,7 +135,7 @@ export class WorkspaceView {
131135
}
132136

133137
public bindWheel(handler: (e: WheelEvent) => void) {
134-
this.canvas.addEventListener('wheel', handler, false);
138+
this.canvas.addEventListener('wheel', handler, listenerOptions);
135139
}
136140

137141
public destroy() {

‎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.4';
22+
: '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.16.5';
2323

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

‎examples/assets/scrollable-page.js

+1-3
Original file line numberDiff line numberDiff line change
@@ -29,9 +29,7 @@ const configuration = {
2929
groups: [
3030
{
3131
name: 'Test',
32-
steps: [
33-
createStep('Task')
34-
]
32+
steps: Array(20).fill(null).map((_, i) => createStep(`Task ${i}`))
3533
}
3634
]
3735
},

‎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.4",
4+
"version": "0.16.5",
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.4"
50+
"sequential-workflow-designer": "^0.16.5"
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.4",
66+
"sequential-workflow-designer": "^0.16.5",
6767
"rollup": "^3.18.0",
6868
"rollup-plugin-dts": "^5.2.0",
6969
"rollup-plugin-typescript2": "^0.34.1",

0 commit comments

Comments
 (0)