Skip to content

Commit b7aec7e

Browse files
b4rtazb4rtaz
authored
0.23.0. (#158)
1 parent 7ca5488 commit b7aec7e

File tree

15 files changed

+59
-39
lines changed

15 files changed

+59
-39
lines changed

‎CHANGELOG.md

+8
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
1+
# 0.23.0
2+
3+
This release updates the CSS selectors for the toolbox, allowing you to adjust its width with a single CSS override.
4+
5+
```css
6+
.sqd-toolbox { width: 170px !important; }
7+
```
8+
19
# 0.22.1
210

311
This release resolves an issue that prevented a step from being deleted due to a bug in the control bar implementation.

‎README.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -103,10 +103,10 @@ Add the below code to your head section in HTML document.
103103
```html
104104
<head>
105105
...
106-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1/css/designer.css" rel="stylesheet">
107-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1/css/designer-light.css" rel="stylesheet">
108-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1/css/designer-dark.css" rel="stylesheet">
109-
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1/dist/index.umd.js"></script>
106+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.23.0/css/designer.css" rel="stylesheet">
107+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.23.0/css/designer-light.css" rel="stylesheet">
108+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.23.0/css/designer-dark.css" rel="stylesheet">
109+
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.23.0/dist/index.umd.js"></script>
110110
```
111111

112112
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.22.1",
4+
"version": "0.23.0",
55
"author": {
66
"name": "NoCode JS",
77
"url": "https://nocode-js.com/"
@@ -15,7 +15,7 @@
1515
"peerDependencies": {
1616
"@angular/common": "12 - 18",
1717
"@angular/core": "12 - 18",
18-
"sequential-workflow-designer": "^0.22.1"
18+
"sequential-workflow-designer": "^0.23.0"
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": "^17.3.9",
2727
"@angular/router": "^17.3.9",
2828
"rxjs": "~7.8.0",
29-
"sequential-workflow-designer": "^0.22.1",
30-
"sequential-workflow-designer-angular": "^0.22.1",
29+
"sequential-workflow-designer": "^0.23.0",
30+
"sequential-workflow-designer-angular": "^0.23.0",
3131
"tslib": "^2.3.0",
3232
"zone.js": "~0.14.6"
3333
},

‎demos/angular-app/yarn.lock

+8-8
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.22.1:
6748-
version "0.22.1"
6749-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.22.1.tgz#3153d292f6b0ce517f2ff06d71105ed6bf9ad3c5"
6750-
integrity sha512-JH3d++fvP2NsN7h+/WJl/AL+R655VYrevJ0THspWx4R2ilNTB8kUbW2MDQpKpzJ1ZVu/Rdi1tQnGJNmpC3Cikw==
6747+
sequential-workflow-designer-angular@^0.23.0:
6748+
version "0.23.0"
6749+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.23.0.tgz#aa8a8f9f6e0332d1d3e37c9f973526858db47529"
6750+
integrity sha512-zLLDzDCY9YOjEpDBdKhYPmsaMIph8boZ9sHyCG8G3btDe5DxyQ0CWly83gn3JYn+ydEbxP8uKr79QOCx5qU86g==
67516751
dependencies:
67526752
tslib "^2.3.0"
67536753

6754-
sequential-workflow-designer@^0.22.1:
6755-
version "0.22.1"
6756-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.22.1.tgz#142778f1b6b06cbf39e6b5f30f20c92b09397a36"
6757-
integrity sha512-/8Vgfzil/LCA7rwtRW10ptKFg4ysYO9CWZGmgPvFb7K2S3bv57xKaL9MYBqIamqN6qd80bx715G/3lo8mgDO5g==
6754+
sequential-workflow-designer@^0.23.0:
6755+
version "0.23.0"
6756+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.23.0.tgz#8564eed552a75d5d6bca4aeb84e410add3fe431d"
6757+
integrity sha512-wySBYU+r8UoXeRaqThnH99NDgyAEek4QJSWZHGhKwgPfguH0Y9JZB+8DvV15iLFL9lMKPYiqWQHZvIhUtDz2LA==
67586758
dependencies:
67596759
sequential-workflow-model "^0.2.0"
67606760

‎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.22.1",
10-
"sequential-workflow-designer-react": "^0.22.1"
9+
"sequential-workflow-designer": "^0.23.0",
10+
"sequential-workflow-designer-react": "^0.23.0"
1111
},
1212
"devDependencies": {
1313
"@types/jest": "^29.2.5",

‎demos/svelte-app/package.json

+2-2
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.22.1",
20-
"sequential-workflow-designer-svelte": "^0.22.1"
19+
"sequential-workflow-designer": "^0.23.0",
20+
"sequential-workflow-designer-svelte": "^0.23.0"
2121
},
2222
"devDependencies": {
2323
"@sveltejs/adapter-static": "^2.0.3",

‎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.22.1",
4+
"version": "0.23.0",
55
"type": "module",
66
"main": "./lib/esm/index.js",
77
"types": "./lib/index.d.ts",

‎designer/sass/designer-theme.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,13 @@
2222
.sqd-toolbox-header-title {
2323
color: $headerTextColor;
2424
}
25-
.sqd-toolbox-filter {
25+
.sqd-toolbox-filter-input {
2626
background: $filterBackground;
2727
color: $filterTextColor;
2828
border: $filterBorder;
2929
border-radius: $filterBorderRadius;
3030
}
31-
.sqd-toolbox-filter:focus {
31+
.sqd-toolbox-filter-input:focus {
3232
border-color: $filterBorderColorFocused;
3333
}
3434
.sqd-toolbox-group-title {

‎designer/sass/designer.scss

+12-7
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
/* .sqd-toolbox */
2323

2424
.sqd-toolbox,
25-
.sqd-toolbox-filter {
25+
.sqd-toolbox-filter-input {
2626
font-size: 11px;
2727
line-height: 1.2em;
2828
}
@@ -66,26 +66,31 @@
6666
position: absolute;
6767
top: 0;
6868
left: 0;
69+
width: 100%;
70+
box-sizing: border-box;
71+
padding: 0 10px;
6972
}
7073
.sqd-toolbox-filter {
74+
padding: 0 10px 10px;
75+
}
76+
.sqd-toolbox-filter-input {
7177
display: block;
7278
box-sizing: border-box;
7379
padding: 6px 8px;
7480
outline: none;
75-
width: 110px;
76-
margin: 0 10px 10px;
77-
box-sizing: border-box;
81+
width: 100%;
7882
}
7983
.sqd-toolbox-group-title {
8084
text-align: center;
8185
padding: 5px 0;
82-
margin: 0 10px 10px;
86+
margin: 0 0 10px;
87+
width: 100%;
8388
}
8489
.sqd-toolbox-item {
8590
position: relative;
8691
box-sizing: border-box;
87-
margin: 0 10px 10px;
88-
width: 110px;
92+
margin: 0 0 10px;
93+
width: 100%;
8994
cursor: move;
9095
}
9196
.sqd-toolbox-item-icon {

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

+6-2
Original file line numberDiff line numberDiff line change
@@ -24,16 +24,20 @@ export class ToolboxView {
2424
class: 'sqd-toolbox-body'
2525
});
2626

27+
const filter = Dom.element('div', {
28+
class: 'sqd-toolbox-filter'
29+
});
2730
const filterInput = Dom.element('input', {
28-
class: 'sqd-toolbox-filter',
31+
class: 'sqd-toolbox-filter-input',
2932
type: 'text',
3033
placeholder: i18n('toolbox.search', 'Search...')
3134
});
3235

3336
root.appendChild(header);
3437
root.appendChild(body);
3538
header.appendChild(headerTitle);
36-
body.appendChild(filterInput);
39+
filter.appendChild(filterInput);
40+
body.appendChild(filter);
3741
parent.appendChild(root);
3842

3943
const scrollBoxView = ScrollBoxView.create(body, parent);

‎examples/assets/lib.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ function embedStylesheet(url) {
1313
document.write(`<link href="${url}" rel="stylesheet">`);
1414
}
1515

16-
const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.22.1';
16+
const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.23.0';
1717

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

‎examples/editing-restrictions.html

+3
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,9 @@
2828
#designer {
2929
flex: 1;
3030
}
31+
.sqd-toolbox {
32+
width: 170px !important;
33+
}
3134
</style>
3235
</head>
3336
<body>

‎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.22.1",
4+
"version": "0.23.0",
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.22.1"
50+
"sequential-workflow-designer": "^0.23.0"
5151
},
5252
"devDependencies": {
5353
"@rollup/plugin-node-resolve": "^15.0.1",
@@ -63,7 +63,7 @@
6363
"prettier": "^3.2.5",
6464
"react": "^18.2.0",
6565
"react-dom": "^18.2.0",
66-
"sequential-workflow-designer": "^0.22.1",
66+
"sequential-workflow-designer": "^0.23.0",
6767
"rollup": "^3.18.0",
6868
"rollup-plugin-dts": "^5.2.0",
6969
"rollup-plugin-typescript2": "^0.34.1",

‎svelte/package.json

+3-3
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.22.1",
4+
"version": "0.23.0",
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.22.1"
31+
"sequential-workflow-designer": "^0.23.0"
3232
},
3333
"devDependencies": {
34-
"sequential-workflow-designer": "^0.22.1",
34+
"sequential-workflow-designer": "^0.23.0",
3535
"@sveltejs/adapter-static": "^2.0.3",
3636
"@sveltejs/kit": "^1.20.4",
3737
"@sveltejs/package": "^2.0.0",

0 commit comments

Comments
 (0)