Skip to content

Commit 4430ec1

Browse files
b4rtazb4rtaz
authored
0.29.2. (#187)
1 parent 1b8f080 commit 4430ec1

40 files changed

+212
-131
lines changed

‎CHANGELOG.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
# 0.29.2
2+
3+
Added a new theme: `soft`.
4+
15
# 0.29.1
26

37
This release includes a small code refactor.

‎README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -104,10 +104,10 @@ Add the below code to your head section in HTML document.
104104
```html
105105
<head>
106106
...
107-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.1/css/designer.css" rel="stylesheet">
108-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.1/css/designer-light.css" rel="stylesheet">
109-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.1/css/designer-dark.css" rel="stylesheet">
110-
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.1/dist/index.umd.js"></script>
107+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.2/css/designer.css" rel="stylesheet">
108+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.2/css/designer-light.css" rel="stylesheet">
109+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.2/css/designer-dark.css" rel="stylesheet">
110+
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.29.2/dist/index.umd.js"></script>
111111
```
112112

113113
Call the designer by:

‎angular/designer/package.json

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

‎demos/angular-app/package.json

Lines changed: 2 additions & 2 deletions
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.29.1",
30-
"sequential-workflow-designer-angular": "^0.29.1",
29+
"sequential-workflow-designer": "^0.29.2",
30+
"sequential-workflow-designer-angular": "^0.29.2",
3131
"tslib": "^2.3.0",
3232
"zone.js": "~0.14.6"
3333
},

‎demos/angular-app/yarn.lock

Lines changed: 8 additions & 8 deletions
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.29.1:
6748-
version "0.29.1"
6749-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.29.1.tgz#dd8e5f873d96c414fed7a7588dbf396dc5490b06"
6750-
integrity sha512-IN4lkR16Mw3/uOOnwwwdzgY8Fy+1BgBgkaz11aN5PzmiRE/6qaFsHAsG9WenRsYx1dVGnSvjQMePMjeDN8WD2A==
6747+
sequential-workflow-designer-angular@^0.29.2:
6748+
version "0.29.2"
6749+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.29.2.tgz#04a12899ea6daf50e12bae286bd2d792519f55c2"
6750+
integrity sha512-IiOi46UrE31EUe4DL9ZT1MwswDIsmpq/qIgC5GBEeI5kKENXL09e4KbePhJQXurnpSJCzcX7cUCnRuoFsMsCdg==
67516751
dependencies:
67526752
tslib "^2.3.0"
67536753

6754-
sequential-workflow-designer@^0.29.1:
6755-
version "0.29.1"
6756-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.29.1.tgz#f619c4647e106efa3f50c7d63b93705d4c7c6e4f"
6757-
integrity sha512-0XfHlkhoVc/nvMNXg80dVP8N/MBRnjrWbsPPlfRl+dd1HmSF+AlE9YgO4nuhTHUHi3seI81TC5Kf8RwjZ4mTYw==
6754+
sequential-workflow-designer@^0.29.2:
6755+
version "0.29.2"
6756+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.29.2.tgz#bdb610325396baab5f5e91f95bb846159cb0cb0b"
6757+
integrity sha512-yPxMLLZUV529HQIAVSEWHEjOLDWn+abEZ+E7VIq3vIAs9ew3fG7U/StUz+mA8+zr7iTSp9wlGUXdZi8ZRtQ1Qw==
67586758
dependencies:
67596759
sequential-workflow-model "^0.2.0"
67606760

‎demos/react-app/package.json

Lines changed: 2 additions & 2 deletions
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.29.1",
10-
"sequential-workflow-designer-react": "^0.29.1"
9+
"sequential-workflow-designer": "^0.29.2",
10+
"sequential-workflow-designer-react": "^0.29.2"
1111
},
1212
"devDependencies": {
1313
"@types/jest": "^29.2.5",

‎demos/svelte-app/package.json

Lines changed: 2 additions & 2 deletions
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.29.1",
20-
"sequential-workflow-designer-svelte": "^0.29.1"
19+
"sequential-workflow-designer": "^0.29.2",
20+
"sequential-workflow-designer-svelte": "^0.29.2"
2121
},
2222
"devDependencies": {
2323
"@sveltejs/adapter-static": "^2.0.3",

‎designer/package.json

Lines changed: 7 additions & 1 deletion
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.29.1",
4+
"version": "0.29.2",
55
"type": "module",
66
"main": "./lib/esm/index.js",
77
"types": "./lib/index.d.ts",
@@ -22,6 +22,9 @@
2222
"./css/designer-light.css": {
2323
"default": "./css/designer-light.css"
2424
},
25+
"./css/designer-soft.css": {
26+
"default": "./css/designer-soft.css"
27+
},
2528
"./css/designer-dark.css": {
2629
"default": "./css/designer-dark.css"
2730
},
@@ -34,6 +37,9 @@
3437
"./sass/designer-light.scss": {
3538
"default": "./sass/designer-light.scss"
3639
},
40+
"./sass/designer-soft.scss": {
41+
"default": "./sass/designer-soft.scss"
42+
},
3743
"./sass/designer-dark.scss": {
3844
"default": "./sass/designer-dark.scss"
3945
}

‎designer/sass/designer-soft.scss

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
@import './designer-theme.scss';
2+
3+
$joinColor: #2a2a2a;
4+
5+
@include sqd-theme-ui-toolbox(
6+
'soft',
7+
$groupBackgroundColor: #efefef,
8+
$filterBorder: 1px solid #dbdbdb,
9+
$filterBorderColorFocused: #c3c3c3,
10+
$panelBoxShadow: (0 1px 4px rgba(0, 0, 0, 0.15))
11+
);
12+
@include sqd-theme-ui-toolbox-item(
13+
'soft',
14+
$itemBorder: 1px solid #dbdbdb,
15+
$itemBorderHovered: #cfcfcf,
16+
$itemBoxShadow: (0 1px 3px rgba(0, 0, 0, 0.1)),
17+
$noIconBackgroundColor: #e9e9e9
18+
);
19+
@include sqd-theme-ui-control-bar('soft', $panelBoxShadow: (0 1px 4px rgba(0, 0, 0, 0.15)));
20+
@include sqd-theme-ui-editor('soft', $panelBoxShadow: (0 1px 4px rgba(0, 0, 0, 0.15)), $toggleBoxShadow: (0 1px 4px rgba(0, 0, 0, 0.1)));
21+
@include sqd-theme-ui-context-menu('soft');
22+
23+
@include sqd-theme-workspace('soft');
24+
@include sqd-theme-line-grid('soft', $strokeColor: #ebebeb);
25+
@include sqd-theme-join('soft', $joinStrokeColor: $joinColor);
26+
@include sqd-theme-region('soft', $strokeColor: #e9e9e9);
27+
@include sqd-theme-placeholder('soft', $rectFillColor: #e9e9e9, $rectStrokeColor: #707070);
28+
@include sqd-theme-validation-error-badge('soft');
29+
30+
@include sqd-theme-start-stop-root-component('soft', $circleFillColor: #3747dd);
31+
32+
@include sqd-theme-task-step-component(
33+
'soft',
34+
$rectStrokeColor: #dbdbdb,
35+
$rectShadow: (0 1px 3px rgba(0, 0, 0, 0.1)),
36+
$emptyIconColor: #e9e9e9,
37+
$inputStrokeColor: $joinColor,
38+
$outputFillColor: $joinColor
39+
);
40+
@include sqd-theme-switch-step-component(
41+
'soft',
42+
$labelPrimaryFillColor: #3747dd,
43+
$labelSecondaryTextColor: #555555,
44+
$labelSecondaryFillColor: #e9e9e9,
45+
$inputStrokeColor: $joinColor
46+
);
47+
@include sqd-theme-container-step-component('soft', $labelFillColor: #3747dd, $inputStrokeColor: $joinColor);

‎designer/src/workspace/switch-step/switch-step-component-view.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -86,12 +86,12 @@ export const createSwitchStepComponentViewFactory =
8686
let maxBranchesHeight = 0;
8787

8888
branchNames.forEach(branchName => {
89-
const component = viewContext.createSequenceComponent(g, step.branches[branchName]);
90-
9189
const labelY = paddingTop + cfg.nameLabel.height + cfg.connectionHeight;
9290
const translatedBranchName = viewContext.i18n(`stepComponent.${step.type}.branchName`, branchName);
9391
const labelView = LabelView.create(g, labelY, cfg.branchNameLabel, translatedBranchName, 'secondary');
9492

93+
const component = viewContext.createSequenceComponent(g, step.branches[branchName]);
94+
9595
const halfOfWidestBranchElement = Math.max(labelView.width, cfg.minBranchWidth) / 2;
9696

9797
const branchOffsetLeft = Math.max(halfOfWidestBranchElement - component.view.joinX, 0) + cfg.paddingX;

0 commit comments

Comments
 (0)