Skip to content

Commit 2da7f84

Browse files
b4rtazb4rtaz
authored
0.16.7. (#95)
1 parent 7f021a0 commit 2da7f84

27 files changed

+84
-55
lines changed

‎CHANGELOG.md

+4
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
## 0.16.7
2+
3+
Added two events to the Svelte package: `on:isToolboxCollapsedChanged` and `on:isEditorCollapsedChanged`.
4+
15
## 0.16.6
26

37
This version introduces a wrapper for Svelte framework! 🎉

‎README.md

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

105105
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.6",
4+
"version": "0.16.7",
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.6"
18+
"sequential-workflow-designer": "^0.16.7"
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.6",
30-
"sequential-workflow-designer-angular": "^0.16.6",
29+
"sequential-workflow-designer": "^0.16.7",
30+
"sequential-workflow-designer-angular": "^0.16.7",
3131
"tslib": "^2.3.0",
3232
"zone.js": "~0.13.0"
3333
},

‎demos/angular-app/yarn.lock

+12-12
Original file line numberDiff line numberDiff line change
@@ -5534,10 +5534,10 @@ postcss@8.4.21, postcss@^8.2.14, postcss@^8.3.7, postcss@^8.4.19:
55345534
picocolors "^1.0.0"
55355535
source-map-js "^1.0.2"
55365536

5537-
prettier@^2.8.4:
5538-
version "2.8.4"
5539-
resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.4.tgz#34dd2595629bfbb79d344ac4a91ff948694463c3"
5540-
integrity sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==
5537+
prettier@^2.8.2:
5538+
version "2.8.8"
5539+
resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
5540+
integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
55415541

55425542
pretty-bytes@^5.3.0:
55435543
version "5.6.0"
@@ -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.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==
5959+
sequential-workflow-designer-angular@^0.16.7:
5960+
version "0.16.7"
5961+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.16.7.tgz#e9adb618d59db25d59ea2b53fcb4c395245fde61"
5962+
integrity sha512-sZ6r6picLJbsRvGrZ/vLzpvSCrlCpahLaum7iJB/0u4+1yq329EnhGgg2avgZ+ykQTSpPp7ODnPFpkyJRpbRxw==
59635963
dependencies:
59645964
tslib "^2.3.0"
59655965

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==
5966+
sequential-workflow-designer@^0.16.7:
5967+
version "0.16.7"
5968+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.16.7.tgz#dd3d4f812682d97c3b3a472d99ac04d1a7ddf844"
5969+
integrity sha512-xY2YD4r0CHVZrzzC7wjUHwSSeSDtWt49v7k+Y/wzesYZN1Fdd2i0cLxHBFCQBaMSvwD1EIft4zC7OB/eGi9sNQ==
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.6",
10-
"sequential-workflow-designer-react": "^0.16.6"
9+
"sequential-workflow-designer": "^0.16.7",
10+
"sequential-workflow-designer-react": "^0.16.7"
1111
},
1212
"devDependencies": {
1313
"@types/jest": "^29.2.5",

‎demos/svelte-app/package.json

+3-3
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.16.6",
20-
"sequential-workflow-designer-svelte": "^0.16.6"
19+
"sequential-workflow-designer": "^0.16.7",
20+
"sequential-workflow-designer-svelte": "^0.16.7"
2121
},
2222
"devDependencies": {
2323
"@sveltejs/adapter-static": "^2.0.3",
@@ -32,4 +32,4 @@
3232
"@typescript-eslint/parser": "^5.47.0",
3333
"eslint": "^8.30.0"
3434
}
35-
}
35+
}

‎demos/svelte-app/src/routes/+page.svelte

+11-1
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,14 @@
6161
selectedStepId = detail.stepId;
6262
}
6363
64+
function onIsToolboxCollapsedChanged({ detail }: { detail: { isCollapsed: boolean } }) {
65+
isToolboxCollapsed = detail.isCollapsed;
66+
}
67+
68+
function onIsEditorCollapsedChanged({ detail }: { detail: { isCollapsed: boolean } }) {
69+
isEditorCollapsed = detail.isCollapsed;
70+
}
71+
6472
function toggleReadonly() {
6573
isReadonly = !isReadonly;
6674
}
@@ -97,11 +105,13 @@
97105
selectedStepId={selectedStepId}
98106
on:selectedStepIdChanged={onSelectedStepIdChanged}
99107
isToolboxCollapsed={isToolboxCollapsed}
108+
on:isToolboxCollapsedChanged={onIsToolboxCollapsedChanged}
100109
isEditorCollapsed={isEditorCollapsed}
110+
on:isEditorCollapsedChanged={onIsEditorCollapsedChanged}
101111
isReadonly={isReadonly} />
102112

103113
<div class="block">
104-
<button on:click={toggleReadonly}>Toggle readonly</button>
114+
<button on:click={toggleReadonly}>{isReadonly ? 'Enable editing' : 'Disable editing'}</button>
105115

106116
<button on:click={toggleSelection}>Toggle selection</button>
107117

‎demos/svelte-app/src/routes/style.css

+1
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,7 @@ body {
2525
}
2626
.block button {
2727
padding: 10px 15px;
28+
margin: 3px;
2829
background: #c30;
2930
color: #fff;
3031
border: 0;

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

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

‎examples/auto-select.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/code-generator.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/editing-restrictions.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/fullscreen.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/image-filter.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/light-dark.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/live-testing.html

+4-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
@@ -24,8 +24,8 @@
2424
.sqd-editor input[type=text] {width: 100%; box-sizing: border-box; border: 1px solid silver; padding: 6px; border-radius: 5px;}
2525

2626
#result {position: absolute; right: 0; bottom: 0; width: 30vw; height: 100vh; padding: 10px; box-sizing: border-box; color: #FFF; background: #2C18DF;}
27-
#result a {color: #FFF;}
28-
#result a:hover {text-decoration: none;}
27+
#result a.github {color: #FFF; display: inline-block; margin: 6px 8px;}
28+
#result a.github:hover {text-decoration: none;}
2929
#result button {padding: 10px; color: #000; background: #FFF; border: 0; border-radius: 5px; cursor: pointer;}
3030
#result button:hover {opacity: 0.8;}
3131
</style>
@@ -36,8 +36,7 @@
3636
<div id="result">
3737
<p>
3838
<button id="run">Run 🚀</button>
39-
&nbsp;
40-
<a href="https://github.com/nocode-js/sequential-workflow-designer" target="_blank">GitHub</a>
39+
<a href="https://github.com/nocode-js/sequential-workflow-designer" target="_blank" class="github">GitHub</a>
4140
</p>
4241

4342
<h5>Variables</h5>

‎examples/multi-conditional-switch.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

‎examples/particles.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/rendering-test.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/scrollable-page.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/simple-flow.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

‎examples/stress-test.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

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

‎svelte/package.json

+15-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "sequential-workflow-designer-svelte",
33
"description": "Svelte wrapper for Sequential Workflow Designer component.",
4-
"version": "0.16.6",
4+
"version": "0.16.7",
55
"license": "MIT",
66
"scripts": {
77
"prepare": "cp ../LICENSE LICENSE",
@@ -28,10 +28,10 @@
2828
],
2929
"peerDependencies": {
3030
"svelte": "^4.0.0",
31-
"sequential-workflow-designer": "^0.16.6"
31+
"sequential-workflow-designer": "^0.16.7"
3232
},
3333
"devDependencies": {
34-
"sequential-workflow-designer": "^0.16.6",
34+
"sequential-workflow-designer": "^0.16.7",
3535
"@sveltejs/adapter-static": "^2.0.3",
3636
"@sveltejs/kit": "^1.20.4",
3737
"@sveltejs/package": "^2.0.0",
@@ -47,5 +47,15 @@
4747
},
4848
"svelte": "./dist/index.js",
4949
"types": "./dist/index.d.ts",
50-
"type": "module"
51-
}
50+
"type": "module",
51+
"keywords": [
52+
"workflow",
53+
"designer",
54+
"builder",
55+
"nocode",
56+
"lowcode",
57+
"flow",
58+
"svelte",
59+
"sveltejs"
60+
]
61+
}

‎svelte/src/lib/SequentialWorkflowDesigner.svelte

+7-2
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@
1313
type ValidatorConfiguration,
1414
type UidGenerator,
1515
type DesignerExtension,
16-
type EditorsConfiguration
16+
type EditorsConfiguration,
17+
type CustomActionHandler
1718
} from 'sequential-workflow-designer';
1819
1920
const dispatch = createEventDispatcher()
@@ -31,6 +32,7 @@
3132
export let uidGenerator: UidGenerator | undefined = undefined;
3233
export let definitionWalker: DefinitionWalker | undefined = undefined;
3334
export let extensions: DesignerExtension[] | undefined = undefined;
35+
export let customActionHandler: CustomActionHandler | undefined = undefined;
3436
export let stepEditor: ConstructorOfATypedSvelteComponent | null = null;
3537
export let rootEditor: ConstructorOfATypedSvelteComponent | null = null;
3638
export let isEditorCollapsed = false;
@@ -88,10 +90,11 @@
8890
undoStackSize,
8991
undoStack,
9092
validator,
91-
uidGenerator,
9293
definitionWalker,
9394
extensions,
9495
isReadonly,
96+
uidGenerator,
97+
customActionHandler,
9598
});
9699
d.onReady.subscribe(() => dispatch('definitionChanged', {
97100
definition: d.getDefinition(),
@@ -102,6 +105,8 @@
102105
isValid: d.isValid()
103106
}));
104107
d.onSelectedStepIdChanged.subscribe((stepId) => dispatch('selectedStepIdChanged', { stepId }));
108+
d.onIsToolboxCollapsedChanged.subscribe((isCollapsed) => dispatch('isToolboxCollapsedChanged', { isCollapsed }));
109+
d.onIsEditorCollapsedChanged.subscribe((isCollapsed) => dispatch('isEditorCollapsedChanged', { isCollapsed }));
105110
106111
if (selectedStepId) {
107112
d.selectStepById(selectedStepId);

0 commit comments

Comments
 (0)