Skip to content

0.35.2. #209

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
b4rtaz merged 1 commit into from
Jan 8, 2026
Merged

0.35.2. #209

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@
# 0.35.2

This version introduces a configurable `componentType` for step extensions.

# 0.35.1

This version fixes a bug in the calculation of the placeholder position when dragging a step component.
Expand Down
8 changes: 4 additions & 4 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,10 +106,10 @@ Add the below code to your head section in HTML document.
```html
<head>
...
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.1/css/designer.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.1/css/designer-light.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.1/css/designer-dark.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.1/dist/index.umd.js"></script>
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.2/css/designer.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.2/css/designer-light.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.2/css/designer-dark.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.2/dist/index.umd.js"></script>
```

Call the designer by:
Expand Down
4 changes: 2 additions & 2 deletions angular/designer/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "sequential-workflow-designer-angular",
"description": "Angular wrapper for Sequential Workflow Designer component.",
"version": "0.35.1",
"version": "0.35.2",
"author": {
"name": "NoCode JS",
"url": "https://nocode-js.com/"
Expand All @@ -15,7 +15,7 @@
"peerDependencies": {
"@angular/common": "12 - 19",
"@angular/core": "12 - 19",
"sequential-workflow-designer": "^0.35.1"
"sequential-workflow-designer": "^0.35.2"
},
"dependencies": {
"tslib": "^2.3.0"
Expand Down
4 changes: 2 additions & 2 deletions demos/angular-app/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,8 +26,8 @@
"@angular/platform-browser-dynamic": "^17.3.9",
"@angular/router": "^17.3.9",
"rxjs": "~7.8.0",
"sequential-workflow-designer": "^0.35.1",
"sequential-workflow-designer-angular": "^0.35.1",
"sequential-workflow-designer": "^0.35.2",
"sequential-workflow-designer-angular": "^0.35.2",
"tslib": "^2.3.0",
"zone.js": "~0.14.6"
},
Expand Down
16 changes: 8 additions & 8 deletions demos/angular-app/yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6744,17 +6744,17 @@ send@0.18.0:
range-parser "~1.2.1"
statuses "2.0.1"

sequential-workflow-designer-angular@^0.35.1:
version "0.35.1"
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.35.1.tgz#2d29e3da2d098d6a59aa3b1625feba8d597fdd1c"
integrity sha512-anB5bS+KMvjJROO7Srcfn0wECDFXt/VL414UG7BzduIGzcN8dXSxLotUc1eTHyq6JXr3xoBuhDO0QoTluW+3Hg==
sequential-workflow-designer-angular@^0.35.2:
version "0.35.2"
resolved "https://registry.yarnpkg.com/sequential-workflow-designer-angular/-/sequential-workflow-designer-angular-0.35.2.tgz#b9530c4d17c30f5e2ee2eedab10423d28e2cbf41"
integrity sha512-8rhBMtfX0n8o2TN9UTPZAvc/eSD61fdE3bp/vaQWBJuhfJeZXZzT7yUx1xDmX/cLoq6uaTnzNVQSgSZ1DmJNDQ==
dependencies:
tslib "^2.3.0"

sequential-workflow-designer@^0.35.1:
version "0.35.1"
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.35.1.tgz#b62386eff4b1ce88110ab6cd13ef0b45aba9de25"
integrity sha512-BwnxWkHyMCSn5kCheWE6mdfLD53gaNp4Goz9T7ma5IqqS5YSNen3MDQbgo2hH4DJNMnPEz0S4Cx0nQ0oKsuXzw==
sequential-workflow-designer@^0.35.2:
version "0.35.2"
resolved "https://registry.yarnpkg.com/sequential-workflow-designer/-/sequential-workflow-designer-0.35.2.tgz#b4453cb63e293525aa7502bf89831ca59a2ab20e"
integrity sha512-1BvqmcRgelq/m2W2/b+87RzX+jzQsVhRse2tgipUNGJ+HPPKH8uR2x+oj86+mYlFtv7al46JDO/ODy0vNxu+wA==
dependencies:
sequential-workflow-model "^0.2.0"

Expand Down
4 changes: 2 additions & 2 deletions demos/react-app/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"sequential-workflow-designer": "^0.35.1",
"sequential-workflow-designer-react": "^0.35.1"
"sequential-workflow-designer": "^0.35.2",
"sequential-workflow-designer-react": "^0.35.2"
},
"devDependencies": {
"@types/jest": "^29.2.5",
Expand Down
4 changes: 2 additions & 2 deletions demos/svelte-app/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,8 @@
"eslint": "eslint ./src --ext .ts"
},
"dependencies": {
"sequential-workflow-designer": "^0.35.1",
"sequential-workflow-designer-svelte": "^0.35.1"
"sequential-workflow-designer": "^0.35.2",
"sequential-workflow-designer-svelte": "^0.35.2"
},
"devDependencies": {
"@sveltejs/adapter-static": "^2.0.3",
Expand Down
2 changes: 1 addition & 1 deletion designer/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "sequential-workflow-designer",
"description": "Customizable no-code component for building flow-based programming applications.",
"version": "0.35.1",
"version": "0.35.2",
"type": "module",
"main": "./lib/esm/index.js",
"types": "./lib/index.d.ts",
Expand Down
3 changes: 2 additions & 1 deletion designer/src/workspace/container-step/container-step-extension-configuration.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import { ContainerStepComponentViewConfiguration } from './container-step-component-view-configuration';

export interface ContainerStepExtensionConfiguration {
view: ContainerStepComponentViewConfiguration;
componentType?: string;
view?: ContainerStepComponentViewConfiguration;
}
37 changes: 18 additions & 19 deletions designer/src/workspace/container-step/container-step-extension.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,34 +1,33 @@
import { SequentialStep } from '../../definition';
import { StepExtension } from '../../designer-extension';
import { createContainerStepComponentViewFactory } from './container-step-component-view';
import { ContainerStepComponentViewConfiguration } from './container-step-component-view-configuration';
import { ContainerStepExtensionConfiguration } from './container-step-extension-configuration';

const defaultConfiguration: ContainerStepExtensionConfiguration = {
view: {
paddingTop: 20,
paddingX: 20,
inputSize: 18,
inputRadius: 4,
inputIconSize: 14,
autoHideInputOnDrag: true,
isRegionClickable: true,
label: {
height: 22,
paddingX: 10,
minWidth: 50,
radius: 10
}
const defaultViewConfiguration: ContainerStepComponentViewConfiguration = {
paddingTop: 20,
paddingX: 20,
inputSize: 18,
inputRadius: 4,
inputIconSize: 14,
autoHideInputOnDrag: true,
isRegionClickable: true,
label: {
height: 22,
paddingX: 10,
minWidth: 50,
radius: 10
}
};

export class ContainerStepExtension implements StepExtension<SequentialStep> {
public static create(configuration?: ContainerStepExtensionConfiguration): ContainerStepExtension {
return new ContainerStepExtension(configuration ?? defaultConfiguration);
return new ContainerStepExtension(configuration);
}

public readonly componentType = 'container';
public readonly componentType = this.configuration?.componentType ?? 'container';

private constructor(private readonly configuration: ContainerStepExtensionConfiguration) {}
private constructor(private readonly configuration: ContainerStepExtensionConfiguration | undefined) {}

public readonly createComponentView = createContainerStepComponentViewFactory(this.configuration.view);
public readonly createComponentView = createContainerStepComponentViewFactory(this.configuration?.view ?? defaultViewConfiguration);
}
1 change: 1 addition & 0 deletions designer/src/workspace/launch-pad-step/launch-pad-step-extension-configuration.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import { LaunchPadStepComponentViewConfiguration } from './launch-pad-step-component-view-configuration';

export interface LaunchPadStepExtensionConfiguration {
componentType?: string;
view?: LaunchPadStepComponentViewConfiguration;
}
2 changes: 1 addition & 1 deletion designer/src/workspace/launch-pad-step/launch-pad-step-extension.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export class LaunchPadStepExtension implements StepExtension<SequentialStep> {
return new LaunchPadStepExtension(configuration);
}

public readonly componentType = 'launchPad';
public readonly componentType = this.configuration?.componentType ?? 'launchPad';

private constructor(private readonly configuration: LaunchPadStepExtensionConfiguration | undefined) {}

Expand Down
1 change: 1 addition & 0 deletions designer/src/workspace/switch-step/switch-step-extension-configuration.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import { SwitchStepComponentViewConfiguration } from './switch-step-component-vi
export type BranchNamesResolver = (step: BranchedStep) => string[];

export interface SwitchStepExtensionConfiguration {
componentType?: string;
view?: SwitchStepComponentViewConfiguration;

/**
Expand Down
2 changes: 1 addition & 1 deletion designer/src/workspace/switch-step/switch-step-extension.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ export class SwitchStepExtension implements StepExtension<BranchedStep> {
return new SwitchStepExtension(configuration);
}

public readonly componentType = 'switch';
public readonly componentType = this.configuration?.componentType ?? 'switch';

private constructor(private readonly configuration: SwitchStepExtensionConfiguration | undefined) {}

Expand Down
3 changes: 2 additions & 1 deletion designer/src/workspace/task-step/task-step-extension-configuration.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import { TaskStepComponentViewConfiguration } from './task-step-component-view-configuration';

export interface TaskStepExtensionConfiguration {
view: TaskStepComponentViewConfiguration;
componentType?: string;
view?: TaskStepComponentViewConfiguration;
}
31 changes: 15 additions & 16 deletions designer/src/workspace/task-step/task-step-extension.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,29 @@
import { Step } from '../../definition';
import { StepExtension } from '../../designer-extension';
import { createTaskStepComponentViewFactory } from './task-step-component-view';
import { TaskStepComponentViewConfiguration } from './task-step-component-view-configuration';
import { TaskStepExtensionConfiguration } from './task-step-extension-configuration';

const defaultConfiguration: TaskStepExtensionConfiguration = {
view: {
paddingLeft: 12,
paddingRight: 12,
paddingY: 10,
textMarginLeft: 12,
minTextWidth: 70,
iconSize: 22,
radius: 5,
inputSize: 14,
outputSize: 10
}
const defaultViewConfiguration: TaskStepComponentViewConfiguration = {
paddingLeft: 12,
paddingRight: 12,
paddingY: 10,
textMarginLeft: 12,
minTextWidth: 70,
iconSize: 22,
radius: 5,
inputSize: 14,
outputSize: 10
};

export class TaskStepExtension implements StepExtension<Step> {
public static create(configuration?: TaskStepExtensionConfiguration): TaskStepExtension {
return new TaskStepExtension(configuration ?? defaultConfiguration);
return new TaskStepExtension(configuration);
}

public readonly componentType = 'task';
public readonly componentType = this.configuration?.componentType ?? 'task';

private constructor(private readonly configuration: TaskStepExtensionConfiguration) {}
private constructor(private readonly configuration: TaskStepExtensionConfiguration | undefined) {}

public readonly createComponentView = createTaskStepComponentViewFactory(false, this.configuration.view);
public readonly createComponentView = createTaskStepComponentViewFactory(false, this.configuration?.view ?? defaultViewConfiguration);
}
2 changes: 1 addition & 1 deletion examples/assets/lib.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ function embedStylesheet(url) {
document.write(`<link href="${url}" rel="stylesheet">`);
}

const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.1';
const baseUrl = isTestEnv() ? '../designer' : '//cdn.jsdelivr.net/npm/sequential-workflow-designer@0.35.2';

embedScript(`${baseUrl}/dist/index.umd.js`);
embedStylesheet(`${baseUrl}/css/designer.css`);
Expand Down
6 changes: 3 additions & 3 deletions react/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "sequential-workflow-designer-react",
"description": "React wrapper for Sequential Workflow Designer component.",
"version": "0.35.1",
"version": "0.35.2",
"type": "module",
"main": "./lib/esm/index.js",
"types": "./lib/index.d.ts",
Expand Down Expand Up @@ -47,7 +47,7 @@
"peerDependencies": {
"react": ">=18.2.0",
"react-dom": ">=18.2.0",
"sequential-workflow-designer": "^0.35.1"
"sequential-workflow-designer": "^0.35.2"
},
"devDependencies": {
"@rollup/plugin-node-resolve": "^16.0.1",
Expand All @@ -63,7 +63,7 @@
"prettier": "^3.2.5",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"sequential-workflow-designer": "^0.35.1",
"sequential-workflow-designer": "^0.35.2",
"rollup": "^4.40.0",
"rollup-plugin-dts": "^6.2.1",
"rollup-plugin-typescript2": "^0.36.0",
Expand Down
6 changes: 3 additions & 3 deletions svelte/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "sequential-workflow-designer-svelte",
"description": "Svelte wrapper for Sequential Workflow Designer component.",
"version": "0.35.1",
"version": "0.35.2",
"license": "MIT",
"scripts": {
"prepare": "cp ../LICENSE LICENSE",
Expand All @@ -28,10 +28,10 @@
],
"peerDependencies": {
"svelte": "^4.0.0",
"sequential-workflow-designer": "^0.35.1"
"sequential-workflow-designer": "^0.35.2"
},
"devDependencies": {
"sequential-workflow-designer": "^0.35.1",
"sequential-workflow-designer": "^0.35.2",
"@sveltejs/adapter-static": "^2.0.3",
"@sveltejs/kit": "^1.20.4",
"@sveltejs/package": "^2.0.0",
Expand Down