0.13.0. (#36)

Author: b4rtaz

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.13.0
+
+This version introduces several internal changes that allowed for the creation of a new type of editor in the pro version: the hidden dependent value editor.
+
 ## 0.12.1
 
 This version normalizes translations.

demos/vanilla-js-app/vanilla-js.html

@@ -23,9 +23,9 @@
 			}
 		</style>
 
-		<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.1/css/designer.css" rel="stylesheet" />
-		<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.1/css/designer-light.css" rel="stylesheet" />
-		<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.1/dist/index.umd.js"></script>
+		<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.2/css/designer.css" rel="stylesheet" />
+		<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.2/css/designer-light.css" rel="stylesheet" />
+		<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.21.2/dist/index.umd.js"></script>
 
 		<script src="./assets/lib.js"></script>
 		<script src="./assets/vanilla-js.js"></script>

demos/webpack-app/package.json

@@ -16,10 +16,10 @@
 	"dependencies": {
 		"xstate": "^4.38.2",
 		"sequential-workflow-model": "^0.2.0",
-		"sequential-workflow-designer": "^0.21.1",
+		"sequential-workflow-designer": "^0.21.2",
 		"sequential-workflow-machine": "^0.4.0",
-		"sequential-workflow-editor-model": "^0.12.1",
-		"sequential-workflow-editor": "^0.12.1"
+		"sequential-workflow-editor-model": "^0.13.0",
+		"sequential-workflow-editor": "^0.13.0"
 	},
 	"devDependencies": {
 		"ts-loader": "^9.4.2",

demos/webpack-app/src/editors/app.ts

@@ -27,7 +27,8 @@ export class App {
 				rootEditorProvider: () => {
 					const editor = document.createElement('div');
 					editor.innerHTML =
-						'This demo showcases all the supported editors by the Sequential Workflow Editor. <a href="https://github.com/nocode-js/sequential-workflow-editor">GitHub</a>';
+						'This demo showcases all the supported editors by the <a href="https://github.com/nocode-js/sequential-workflow-editor">Sequential Workflow Editor</a>.<br /><br />' +
+						'Start exploring by clicking on each step.';
 					return editor;
 				},
 				stepEditorProvider: editorProvider.createStepEditorProvider()

demos/webpack-app/src/editors/model/any-variables-step-model.ts

@@ -11,6 +11,8 @@ export interface AnyVariablesStepModel extends Step {
 }
 
 export const anyVariablesStepModel = createStepModel<AnyVariablesStepModel>('anyVariables', 'task', step => {
+	step.description('In this step, you can select a collection of variables of any type.');
+
 	step.property('zeroConfig').value(createAnyVariablesValueModel({}));
 	step.property('onlyBoolean').value(
 		createAnyVariablesValueModel({

demos/webpack-app/src/editors/model/boolean-step-model.ts

@@ -12,6 +12,8 @@ export interface BooleanStepModel extends Step {
 }
 
 export const booleanStepModel = createStepModel<BooleanStepModel>('boolean', 'task', step => {
+	step.description('This step demonstrates properties with boolean values.');
+
 	step.property('zeroConfig').value(createBooleanValueModel({}));
 	step.property('defaultValueTrue').value(
 		createBooleanValueModel({

demos/webpack-app/src/editors/model/choice-step-model.ts

@@ -11,6 +11,8 @@ export interface ChoiceStepModel extends Step {
 }
 
 export const choiceStepModel = createStepModel<ChoiceStepModel>('choice', 'task', step => {
+	step.description('In this step, you can see properties that allow you to select a value from a predefined list.');
+
 	step.property('minimalConfig').value(createChoiceValueModel({ choices: ['red', 'blue', 'green'] }));
 
 	step.property('defaultValueAllow').value(

demos/webpack-app/src/editors/model/dynamic-step-model.ts

@@ -19,6 +19,10 @@ export interface DynamicStepModel extends Step {
 }
 
 export const dynamicStepModel = createStepModel<DynamicStepModel>('dynamic', 'task', step => {
+	step.description(
+		'This step has properties with dynamic values. For each property, you can change the value type by selecting the desired type.'
+	);
+
 	step.property('example').value(
 		createDynamicValueModel({
 			models: [createStringValueModel({}), createBooleanValueModel({})]

demos/webpack-app/src/editors/model/generated-string-step-model.ts

@@ -11,6 +11,10 @@ export interface GeneratedStringStepModel extends Step {
 }
 
 export const generatedStringStepModel = createStepModel<GeneratedStringStepModel>('generatedString', 'task', step => {
+	step.description(
+		'This step has a property whose value is generated using data from another property. To see how it works, please change the value of the "X" property to 0, 1, 2, etc.'
+	);
+
 	step.property('x').value(createNumberValueModel({}));
 
 	step.property('example')

editor/css/editor.css

@@ -29,6 +29,9 @@
 .swe-editor > .swe-validation-error {
 	margin: 0 10px;
 }
+.swe-hidden {
+	display: none;
+}
 
 /* properties */