Skip to content

Commit 4d24e21

Browse files
b4rtazb4rtaz
authored
0.15.2. (#81)
1 parent a4971e6 commit 4d24e21

File tree

20 files changed

+597
-443
lines changed

20 files changed

+597
-443
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,4 @@ coverage/
66
lib/
77
dist/
88
yarn-*.log
9+
designer/css/*.css

‎CHANGELOG.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,16 @@
1+
## 0.15.2
2+
3+
This version introduces a new approach to customizing the designer. Prior to this version, customization was challenging and required numerous CSS overrides. Now, the designer provides SCSS files with mixins, simplifying the customization process.
4+
5+
We have prepared a [tutorial on creating a custom theme](https://nocode-js.com/docs/sequential-workflow-designer/features/custom-theme), which is exclusively available for pro version clients.
6+
7+
Please note that the `designer.css`, `designer-light.css`, and `designer-dark.css` files are still available as they were before. If you have been using these files without any overrides, you don't need to make any changes.
8+
9+
### Breaking Changes
10+
11+
* The `sqd-grid-path` class of the line grid is renamed to `sqd-line-grid-path`.
12+
* Selectors in the `designer.css`, `designer-light.css` and `designer-dark.css` files have been changed.
13+
114
## 0.14.1
215

316
This version includes the ability to hide the context menu for Angular and React packages.

‎README.md

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,20 @@
44

55
[![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2Fb4rtaz%2Fsequential-workflow-designer%2Fbadge%3Fref%3Dmain&style=flat-square)](https://actions-badge.atrox.dev/b4rtaz/sequential-workflow-designer/goto?ref=main) [![License: MIT](https://img.shields.io/badge/license-MIT-green?style=flat-square)](/LICENSE) [![View this project on NPM](https://img.shields.io/npm/v/sequential-workflow-designer.svg?style=flat-square)](https://npmjs.org/package/sequential-workflow-designer)
66

7-
Sequential workflow designer with 0 external dependencies for web. It's written in pure TypeScript and uses SVG for rendering. This designer is not associated with any workflow engine. It's full generic. You may create any kind application by this, from graphical programming languages to workflow builders.
7+
Sequential workflow designer with 0 external dependencies for web applications. It's written in pure TypeScript and uses SVG for rendering. This designer is not associated with any workflow engine. It's full generic. You may create any kind application by this, from graphical programming languages to workflow builders.
88

99
Features:
1010

1111
* 0 external dependencies,
12-
* full generic & configurable,
13-
* light/dark themes,
14-
* works on modern browsers,
15-
* works on mobile,
12+
* fully generic and configurable,
13+
* use light/dark themes or customize easily,
14+
* compatible with modern browsers and mobile devices,
1615
* the definition is stored as JSON,
17-
* has support for [React](./react/) and [Angular](./angular/designer/).
16+
* supports [React](./react/) and [Angular](./angular/designer/).
1817

1918
📝 Check the [documentation](https://nocode-js.com/docs/category/sequential-workflow-designer) for more details.
2019

21-
🤩 Don't miss [the pro version](https://github.com/nocode-js/sequential-workflow-designer-pro-demo).
20+
🤩 Don't miss [the pro version](https://nocode-js.com/sequential-workflow-designer-pro-pricing).
2221

2322
## 👀 Examples
2423

@@ -40,6 +39,8 @@ Features:
4039
Pro:
4140

4241
* [🤩 Pro Components](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/pro-components.html)
42+
* [🍬 Custom Theme Flat](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/custom-theme-flat.html)
43+
* [🌹 Custom Step Types](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/custom-step-types.html)
4344
* [👈 Goto](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/goto.html)
4445
* [📁 Folders](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/folders.html)
4546
* [⭕ Wheel Mode](https://nocode-js.github.io/sequential-workflow-designer-pro-demo/demos/webpack-pro-app/public/wheel-mode.html)
@@ -94,10 +95,10 @@ Add the below code to your head section in HTML document.
9495
```html
9596
<head>
9697
...
97-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.14.2/css/designer.css" rel="stylesheet">
98-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.14.2/css/designer-light.css" rel="stylesheet">
99-
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.14.2/css/designer-dark.css" rel="stylesheet">
100-
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.14.2/dist/index.umd.js"></script>
98+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.15.2/css/designer.css" rel="stylesheet">
99+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.15.2/css/designer-light.css" rel="stylesheet">
100+
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.15.2/css/designer-dark.css" rel="stylesheet">
101+
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.15.2/dist/index.umd.js"></script>
101102
```
102103

103104
Call the designer by:

‎angular/designer/package.json

Lines changed: 3 additions & 3 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.14.2",
4+
"version": "0.15.2",
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.14.2"
18+
"sequential-workflow-designer": "^0.15.2"
1919
},
2020
"dependencies": {
2121
"tslib": "^2.3.0"
@@ -31,4 +31,4 @@
3131
"angular",
3232
"angularjs"
3333
]
34-
}
34+
}

‎demos/angular-app/package.json

Lines changed: 3 additions & 3 deletions
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.14.2",
30-
"sequential-workflow-designer-angular": "^0.14.2",
29+
"sequential-workflow-designer": "^0.15.2",
30+
"sequential-workflow-designer-angular": "^0.15.2",
3131
"tslib": "^2.3.0",
3232
"zone.js": "~0.13.0"
3333
},
@@ -45,4 +45,4 @@
4545
"prettier": "^2.8.4",
4646
"typescript": "~4.9.5"
4747
}
48-
}
48+
}

‎demos/angular-app/yarn.lock

Lines changed: 8 additions & 8 deletions
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.14.2:
5960-
version "0.14.2"
5961-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.14.2.tgz#a5de68575e58742e789f8f75e3243af1057318d5"
5962-
integrity sha512-ntRyaG50Qks1AUVguIY88BE1sSo2pb/CbPB8bVArrHiN1s1n+Vxs1iN06jLbXSWRJ3tJl7zDMTaQ3pQARAzVAA==
5959+
sequential-workflow-designer-angular@^0.15.2:
5960+
version "0.15.2"
5961+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.15.2.tgz#1165377ebbac42114ef6256a1558e403f0a5eba6"
5962+
integrity sha512-p4qnU5AYqnAX5UOF62jN2xj85bnPQsDDQLWzJR8E4BoLfMbqULNhfWaBCC8++UZge8QUMOQcjodig7XzWWBKXw==
59635963
dependencies:
59645964
tslib "^2.3.0"
59655965

5966-
sequential-workflow-designer@^0.14.2:
5967-
version "0.14.2"
5968-
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.14.2.tgz#b183024ccc1cf53d521353c93c7b9056f0619a6a"
5969-
integrity sha512-iyHkYyuDG8J6oJfdndIKlrRHpASf7HP6sDZ0lUp8u//ZqiTJl7ZOuqmsvYigkt9lXmMn/Vo9OXQJSpcc6rLYPg==
5966+
sequential-workflow-designer@^0.15.2:
5967+
version "0.15.2"
5968+
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.15.2.tgz#5b94825d4924574a607f3aedad445b4dee54c306"
5969+
integrity sha512-5JEXSrU6W4faUEP+30b/6RLpe5JErUrOmocHSRBGsbwlKIRyDn6gIBqGzPaddX+cnm8IK0KEQkbyVGS14pEqBg==
59705970
dependencies:
59715971
sequential-workflow-model "^0.2.0"
59725972

‎demos/react-app/package.json

Lines changed: 3 additions & 3 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.14.2",
10-
"sequential-workflow-designer-react": "^0.14.2"
9+
"sequential-workflow-designer": "^0.15.2",
10+
"sequential-workflow-designer-react": "^0.15.2"
1111
},
1212
"devDependencies": {
1313
"@types/jest": "^29.2.5",
@@ -48,4 +48,4 @@
4848
"last 1 safari version"
4949
]
5050
}
51-
}
51+
}

‎designer/css/.gitkeep

Whitespace-only changes.

‎designer/css/designer-dark.css

Lines changed: 0 additions & 162 deletions
This file was deleted.

0 commit comments

Comments
 (0)