File tree 13 files changed +50
-30
lines changed
13 files changed +50
-30
lines changed Original file line number Diff line number Diff line change
1
+ # 0.27.3
2
+
3
+ This version adds the ` onIsReadyChanged ` event to the ` SequentialWorkflowDesignerController ` class for React.
4
+
1
5
# 0.27.2
2
6
3
7
Added a new method to the internal control bar api.
Original file line number Diff line number Diff line change @@ -104,10 +104,10 @@ Add the below code to your head section in HTML document.
104
104
``` html
105
105
<head >
106
106
...
107
- <link href =" https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2 /css/designer.css" rel =" stylesheet" >
108
- <link href =" https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2 /css/designer-light.css" rel =" stylesheet" >
109
- <link href =" https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2 /css/designer-dark.css" rel =" stylesheet" >
110
- <script src =" https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2 /dist/index.umd.js" ></script >
107
+ <link href =" https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3 /css/designer.css" rel =" stylesheet" >
108
+ <link href =" https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3 /css/designer-light.css" rel =" stylesheet" >
109
+ <link href =" https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3 /css/designer-dark.css" rel =" stylesheet" >
110
+ <script src =" https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3 /dist/index.umd.js" ></script >
111
111
```
112
112
113
113
Call the designer by:
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " sequential-workflow-designer-angular" ,
3
3
"description" : " Angular wrapper for Sequential Workflow Designer component." ,
4
- "version" : " 0.27.2 " ,
4
+ "version" : " 0.27.3 " ,
5
5
"author" : {
6
6
"name" : " NoCode JS" ,
7
7
"url" : " https://nocode-js.com/"
15
15
"peerDependencies" : {
16
16
"@angular/common" : " 12 - 19" ,
17
17
"@angular/core" : " 12 - 19" ,
18
- "sequential-workflow-designer" : " ^0.27.2 "
18
+ "sequential-workflow-designer" : " ^0.27.3 "
19
19
},
20
20
"dependencies" : {
21
21
"tslib" : " ^2.3.0"
Original file line number Diff line number Diff line change 26
26
"@angular/platform-browser-dynamic" : " ^17.3.9" ,
27
27
"@angular/router" : " ^17.3.9" ,
28
28
"rxjs" : " ~7.8.0" ,
29
- "sequential-workflow-designer" : " ^0.27.2 " ,
30
- "sequential-workflow-designer-angular" : " ^0.27.2 " ,
29
+ "sequential-workflow-designer" : " ^0.27.3 " ,
30
+ "sequential-workflow-designer-angular" : " ^0.27.3 " ,
31
31
"tslib" : " ^2.3.0" ,
32
32
"zone.js" : " ~0.14.6"
33
33
},
Original file line number Diff line number Diff line change @@ -6744,17 +6744,17 @@ send@0.18.0:
6744
6744
range-parser "~1.2.1"
6745
6745
statuses "2.0.1"
6746
6746
6747
- sequential-workflow-designer-angular@^0.27.1 :
6748
- version "0.27.1 "
6749
- resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.27.1 .tgz#98a35929692c024088212374f5b973460103bff7 "
6750
- integrity sha512-ApE/NFLax7WpkYAXFCXFyNTKnF3yITSUJyMpBcF/C3F9n/afwkuvyX2sg8PjhrBUje0oTHxMgYqRKlQ1q7xrXg ==
6747
+ sequential-workflow-designer-angular@^0.27.3 :
6748
+ version "0.27.3 "
6749
+ resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.27.3 .tgz#a09afa54f775545d9520c23fde58ad14fb80f2ff "
6750
+ integrity sha512-NOZ9y+oT5o5thTzDtW0socanJvZWC7vIttFR+2BlDX1wKbxOjrjM9xtOFXd1arZb1nDv6Uu8rKO22hcf6TgNCw ==
6751
6751
dependencies :
6752
6752
tslib "^2.3.0"
6753
6753
6754
- sequential-workflow-designer@^0.27.1 :
6755
- version "0.27.1 "
6756
- resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.27.1 .tgz#65d08367625deb5b56b7cbbceb3720d49d8fb973 "
6757
- integrity sha512-cGmGplWopdMT5JDqR9r8pxIVqAZcmLe34MmRmr3D/dJ0jfJP5gyU4CvtntpFrGh9oriWsyPUZG4TldjPEQf9kg ==
6754
+ sequential-workflow-designer@^0.27.3 :
6755
+ version "0.27.3 "
6756
+ resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.27.3 .tgz#387c33ece069ba922a2c693866308d04213aa118 "
6757
+ integrity sha512-3G1By8XFG6fpD6pWjnkXnk3Gt4P1GHQVANd1XiD9ffcmYwZV5RfNkc/MLTMhYp2pcp4qIivt52Iq3J92i7h1TQ ==
6758
6758
dependencies :
6759
6759
sequential-workflow-model "^0.2.0"
6760
6760
Original file line number Diff line number Diff line change 6
6
"dependencies" : {
7
7
"react" : " ^18.2.0" ,
8
8
"react-dom" : " ^18.2.0" ,
9
- "sequential-workflow-designer" : " ^0.27.2 " ,
10
- "sequential-workflow-designer-react" : " ^0.27.2 "
9
+ "sequential-workflow-designer" : " ^0.27.3 " ,
10
+ "sequential-workflow-designer-react" : " ^0.27.3 "
11
11
},
12
12
"devDependencies" : {
13
13
"@types/jest" : " ^29.2.5" ,
Original file line number Diff line number Diff line change @@ -45,6 +45,16 @@ export function Playground() {
45
45
const [ moveViewportToStep , setMoveViewportToStep ] = useState < string | null > ( null ) ;
46
46
const definitionJson = JSON . stringify ( definition . value , null , 2 ) ;
47
47
48
+ useEffect ( ( ) => {
49
+ function onIsReadyChanged ( ) {
50
+ console . log ( `isReady=${ controller . isReady ( ) } ` ) ;
51
+ }
52
+ controller . onIsReadyChanged . subscribe ( onIsReadyChanged ) ;
53
+ return ( ) => {
54
+ controller . onIsReadyChanged . unsubscribe ( onIsReadyChanged ) ;
55
+ } ;
56
+ } , [ controller ] ) ;
57
+
48
58
useEffect ( ( ) => {
49
59
console . log ( `definition updated, isValid=${ definition . isValid } ` ) ;
50
60
} , [ definition ] ) ;
Original file line number Diff line number Diff line change 16
16
"eslint" : " eslint ./src --ext .ts"
17
17
},
18
18
"dependencies" : {
19
- "sequential-workflow-designer" : " ^0.27.2 " ,
20
- "sequential-workflow-designer-svelte" : " ^0.27.2 "
19
+ "sequential-workflow-designer" : " ^0.27.3 " ,
20
+ "sequential-workflow-designer-svelte" : " ^0.27.3 "
21
21
},
22
22
"devDependencies" : {
23
23
"@sveltejs/adapter-static" : " ^2.0.3" ,
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " sequential-workflow-designer" ,
3
3
"description" : " Customizable no-code component for building flow-based programming applications." ,
4
- "version" : " 0.27.2 " ,
4
+ "version" : " 0.27.3 " ,
5
5
"type" : " module" ,
6
6
"main" : " ./lib/esm/index.js" ,
7
7
"types" : " ./lib/index.d.ts" ,
Original file line number Diff line number Diff line change @@ -13,7 +13,7 @@ function embedStylesheet(url) {
13
13
document . write ( `<link href="${ url } " rel="stylesheet">` ) ;
14
14
}
15
15
16
- const baseUrl = isTestEnv ( ) ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.2 ' ;
16
+ const baseUrl = isTestEnv ( ) ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.27.3 ' ;
17
17
18
18
embedScript ( `${ baseUrl } /dist/index.umd.js` ) ;
19
19
embedStylesheet ( `${ baseUrl } /css/designer.css` ) ;
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " sequential-workflow-designer-react" ,
3
3
"description" : " React wrapper for Sequential Workflow Designer component." ,
4
- "version" : " 0.27.2 " ,
4
+ "version" : " 0.27.3 " ,
5
5
"type" : " module" ,
6
6
"main" : " ./lib/esm/index.js" ,
7
7
"types" : " ./lib/index.d.ts" ,
47
47
"peerDependencies" : {
48
48
"react" : " ^18.2.0" ,
49
49
"react-dom" : " ^18.2.0" ,
50
- "sequential-workflow-designer" : " ^0.27.2 "
50
+ "sequential-workflow-designer" : " ^0.27.3 "
51
51
},
52
52
"devDependencies" : {
53
53
"@rollup/plugin-node-resolve" : " ^15.0.1" ,
63
63
"prettier" : " ^3.2.5" ,
64
64
"react" : " ^18.2.0" ,
65
65
"react-dom" : " ^18.2.0" ,
66
- "sequential-workflow-designer" : " ^0.27.2 " ,
66
+ "sequential-workflow-designer" : " ^0.27.3 " ,
67
67
"rollup" : " ^3.18.0" ,
68
68
"rollup-plugin-dts" : " ^5.2.0" ,
69
69
"rollup-plugin-typescript2" : " ^0.34.1" ,
Original file line number Diff line number Diff line change 1
1
import { DependencyList , useMemo } from 'react' ;
2
- import { Definition , Designer } from 'sequential-workflow-designer' ;
2
+ import { Definition , Designer , SimpleEvent } from 'sequential-workflow-designer' ;
3
3
4
4
export class SequentialWorkflowDesignerController {
5
5
public static create ( ) : SequentialWorkflowDesignerController {
6
6
return new SequentialWorkflowDesignerController ( ) ;
7
7
}
8
8
9
+ /**
10
+ * @description Event that is raised when the controller is ready to be used.
11
+ */
12
+ public readonly onIsReadyChanged = new SimpleEvent < void > ( ) ;
13
+
9
14
private designer : Designer | null = null ;
10
15
11
16
private constructor ( ) {
@@ -52,14 +57,15 @@ export class SequentialWorkflowDesignerController {
52
57
* @returns `true` if the controller is ready to be used, `false` otherwise.
53
58
*/
54
59
public isReady ( ) : boolean {
55
- return ! ! this . designer ;
60
+ return Boolean ( this . designer ) ;
56
61
}
57
62
58
63
public setDesigner ( designer : Designer | null ) {
59
64
if ( designer && this . designer ) {
60
65
throw new Error ( 'Designer is already set' ) ;
61
66
}
62
67
this . designer = designer ;
68
+ this . onIsReadyChanged . forward ( ) ;
63
69
}
64
70
65
71
private getDesigner ( ) : Designer {
Original file line number Diff line number Diff line change 1
1
{
2
2
"name" : " sequential-workflow-designer-svelte" ,
3
3
"description" : " Svelte wrapper for Sequential Workflow Designer component." ,
4
- "version" : " 0.27.2 " ,
4
+ "version" : " 0.27.3 " ,
5
5
"license" : " MIT" ,
6
6
"scripts" : {
7
7
"prepare" : " cp ../LICENSE LICENSE" ,
28
28
],
29
29
"peerDependencies" : {
30
30
"svelte" : " ^4.0.0" ,
31
- "sequential-workflow-designer" : " ^0.27.2 "
31
+ "sequential-workflow-designer" : " ^0.27.3 "
32
32
},
33
33
"devDependencies" : {
34
- "sequential-workflow-designer" : " ^0.27.2 " ,
34
+ "sequential-workflow-designer" : " ^0.27.3 " ,
35
35
"@sveltejs/adapter-static" : " ^2.0.3" ,
36
36
"@sveltejs/kit" : " ^1.20.4" ,
37
37
"@sveltejs/package" : " ^2.0.0" ,
You can’t perform that action at this time.
0 commit comments