0.9.0. (#19)

* 0.9.0.

Author: b4rtaz

CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.9.0
+
+* Improved validation for the `boolean` value model.
+* Improved validation for the `branches` value model.
+* Internal changes preparing for the upcoming pro version.
+
 ## 0.8.0
 
 Updated the `sequential-workflow-model` dependency to the version `0.2.0`.

demos/webpack-app/package.json

@@ -16,10 +16,10 @@
 	"dependencies": {
 		"xstate": "^4.38.2",
 		"sequential-workflow-model": "^0.2.0",
-		"sequential-workflow-designer": "^0.14.1",
+		"sequential-workflow-designer": "^0.16.0",
 		"sequential-workflow-machine": "^0.4.0",
-		"sequential-workflow-editor-model": "^0.8.0",
-		"sequential-workflow-editor": "^0.8.0"
+		"sequential-workflow-editor-model": "^0.9.0",
+		"sequential-workflow-editor": "^0.9.0"
 	},
 	"devDependencies": {
 		"ts-loader": "^9.4.2",

editor/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sequential-workflow-editor",
-	"version": "0.8.0",
+	"version": "0.9.0",
 	"type": "module",
 	"main": "./lib/esm/index.js",
 	"types": "./lib/index.d.ts",
@@ -46,11 +46,11 @@
 		"prettier:fix": "prettier --write ./src ./css"
 	},
 	"dependencies": {
-		"sequential-workflow-editor-model": "^0.8.0",
+		"sequential-workflow-editor-model": "^0.9.0",
 		"sequential-workflow-model": "^0.2.0"
 	},
 	"peerDependencies": {
-		"sequential-workflow-editor-model": "^0.8.0",
+		"sequential-workflow-editor-model": "^0.9.0",
 		"sequential-workflow-model": "^0.2.0"
 	},
 	"devDependencies": {
@@ -79,4 +79,4 @@
 		"lowcode",
 		"flow"
 	]
-}
+}

editor/src/components/dynamic-list-component.ts

@@ -8,8 +8,9 @@ export interface DynamicListComponent<TItem> extends Component {
 	add(item: TItem): void;
 }
 
-export interface DynamicListComponentConfiguration {
+export interface DynamicListComponentConfiguration<TItem> {
 	emptyMessage?: string;
+	canDelete?: (item: TItem) => string | null;
 }
 
 export interface DynamicListItemComponent<TItem> extends Component {
@@ -22,7 +23,7 @@ export function dynamicListComponent<TItem>(
 	initialItems: TItem[],
 	itemComponentFactory: (item: TItem) => DynamicListItemComponent<TItem>,
 	context: ValueContext,
-	configuration?: DynamicListComponentConfiguration
+	configuration?: DynamicListComponentConfiguration<TItem>
 ): DynamicListComponent<TItem> {
 	const onChanged = new SimpleEvent<TItem[]>();
 	const items = [...initialItems];
@@ -38,6 +39,14 @@ export function dynamicListComponent<TItem>(
 	}
 
 	function onItemDeleted(index: number) {
+		if (configuration && configuration.canDelete) {
+			const error = configuration.canDelete(items[index]);
+			if (error) {
+				window.alert(error);
+				return;
+			}
+		}
+
 		items.splice(index, 1);
 		forward();
 		reloadList();

editor/src/components/index.ts

@@ -0,0 +1,10 @@
+export * from './button-component';
+export * from './component';
+export * from './dynamic-list-component';
+export * from './input-component';
+export * from './prepended-input-component';
+export * from './row-component';
+export * from './select-component';
+export * from './textarea-component';
+export * from './validation-error-component';
+export * from './value-editor-container-component';

editor/src/core/index.ts

@@ -1,2 +1,7 @@
+export * from './append-multiline-text';
+export * from './filter-value-types';
+export * from './filter-value-types';
 export * from './html';
+export * from './icons';
+export * from './stacked-simple-event';
 export * from './variable-name-formatter';

editor/src/editor-extension.ts

@@ -0,0 +1,10 @@
+import { ValueEditorFactory } from './value-editors';
+
+export interface EditorExtension {
+	valueEditors?: ValueEditorExtension[];
+}
+
+export interface ValueEditorExtension {
+	editorId: string;
+	factory: ValueEditorFactory;
+}

editor/src/editor-provider-configuration.ts

@@ -1,8 +1,10 @@
 import { UidGenerator } from 'sequential-workflow-editor-model';
 import { DefinitionWalker } from 'sequential-workflow-model';
+import { EditorExtension } from './editor-extension';
 
 export interface EditorProviderConfiguration {
 	uidGenerator: UidGenerator;
 	definitionWalker?: DefinitionWalker;
 	isHeaderHidden?: boolean;
+	extensions?: EditorExtension[];
 }

editor/src/editor-provider.ts

@@ -8,7 +8,7 @@ import {
 	Path,
 	StepValidatorContext
 } from 'sequential-workflow-editor-model';
-import { EditorServices, ValueEditorEditorFactoryResolver } from './value-editors';
+import { EditorServices, ValueEditorFactoryResolver } from './value-editors';
 import {
 	GlobalEditorContext,
 	RootEditorProvider,
@@ -30,19 +30,21 @@ export class EditorProvider<TDefinition extends Definition> {
 		const definitionWalker = configuration.definitionWalker ?? new DefinitionWalker();
 		const activator = ModelActivator.create(definitionModel, configuration.uidGenerator);
 		const validator = DefinitionValidator.create(definitionModel, definitionWalker);
-		return new EditorProvider(activator, validator, definitionModel, definitionWalker, configuration);
+		const valueEditorFactoryResolver = ValueEditorFactoryResolver.create(configuration.extensions);
+		return new EditorProvider(activator, validator, definitionModel, definitionWalker, valueEditorFactoryResolver, configuration);
 	}
 
 	private readonly services: EditorServices = {
 		activator: this.activator,
-		valueEditorFactoryResolver: ValueEditorEditorFactoryResolver.resolve
+		valueEditorFactoryResolver: this.valueEditorFactoryResolver
 	};
 
 	private constructor(
 		private readonly activator: ModelActivator<TDefinition>,
 		private readonly validator: DefinitionValidator,
 		private readonly definitionModel: DefinitionModel,
 		private readonly definitionWalker: DefinitionWalker,
+		private readonly valueEditorFactoryResolver: ValueEditorFactoryResolver,
 		private readonly configuration: EditorProviderConfiguration
 	) {}
 
@@ -82,11 +84,17 @@ export class EditorProvider<TDefinition extends Definition> {
 			const editor = Editor.create(headerData, validator, propertyModels, definitionContext, this.services, typeClassName);
 
 			editor.onValuesChanged.subscribe((paths: Path[]) => {
-				if (paths.some(path => path.equals(stepModel.name.value.path))) {
+				const isNameChanged = paths.some(path => path.equals(stepModel.name.value.path));
+				if (isNameChanged) {
 					context.notifyNameChanged();
-				} else {
-					context.notifyPropertiesChanged();
+					return;
 				}
+				const areBranchesChanged = paths.some(path => path.equals('branches'));
+				if (areBranchesChanged) {
+					context.notifyChildrenChanged();
+					return;
+				}
+				context.notifyPropertiesChanged();
 			});
 			return editor.root;
 		};

editor/src/editor.ts

@@ -1,6 +1,6 @@
 import { DefinitionContext, Path, PropertyModel, PropertyModels } from 'sequential-workflow-editor-model';
 import { PropertyEditor } from './property-editor/property-editor';
-import { EditorServices, ValueEditorEditorFactoryResolver } from './value-editors';
+import { EditorServices } from './value-editors';
 import { EditorHeader, EditorHeaderData } from './editor-header';
 import { StackedSimpleEvent } from './core/stacked-simple-event';
 import { ValidationErrorComponent, validationErrorComponent } from './components/validation-error-component';
@@ -32,7 +32,7 @@ export class Editor {
 
 		const editors = new Map<PropertyModel, PropertyEditor>();
 		for (const propertyModel of propertyModels) {
-			if (ValueEditorEditorFactoryResolver.isHidden(propertyModel.value.id)) {
+			if (editorServices.valueEditorFactoryResolver.isHidden(propertyModel.value.id, propertyModel.value.editorId)) {
 				continue;
 			}