0.18.0

This version fixes the problem with scrolling #105.

0.17.0

This version introduces a new argument for editor providers: isReadonly. Now when the designer is in the read-only mode, the editor providers can render the read-only version of the editor.

Breaking Changes

This version finally renames the "global editor" into the "root editor". This change is made in the designer package and all wrappers, except the Svelte package. The Svelte package uses a new name from the beginning.

const configuration = {
  editors: {
    // globalEditorProvider: () => {}, is not supported anymore, use `rootEditorProvider` instead.
    rootEditorProvider: (definition, rootContext, isReadonly) => { /* ... */ },
    // ...
  }
};

This version also renames the sqd-global-editor class of the root editor into the sqd-root-editor class.

React

// globalEditor={} is not supported anymore, use `rootEditor={}` instead.
<SequentialWorkflowDesigner
  rootEditor={<RootEditor />} ... />

Angular

<!-- [globalEditor]="" is not supported anymore, use [rootEditor]="" instead. -->
<sqd-designer ...
  [rootEditor]="rootEditor"></sqd-designer>

0.16.10

This version fixes the error: Failed to execute 'removeChild' on 'Node' when a user uses the undo feature #100.

Additionally, this version introduces getViewport, setViewport methods and onViewportChanged event in the Designer class.

0.16.9

This version adds a possibility to disable keyboard shortcuts. Additionally you may filter keyboard events handled by the designer.

// Disabled shortcuts
const configuration = {
  keyboard: false,
  // ...
};

0.16.8

Svelte package supports now native editors. If you want to use JavaScript/TypeScript code to create editors, you can do it now. Of course, you can still use Svelte components as editors.

<SequentialWorkflowDesigner ...
  stepEditor={StepEditor}
  rootEditor={RootEditor} />

<SequentialWorkflowDesigner ...
  nativeStepEditor={nativeStepEditor}
  nativeRootEditor={nativeRootEditor} />

0.16.7

Added two events to the Svelte package: on:isToolboxCollapsedChanged and on:isEditorCollapsedChanged.

0.16.6

This version introduces a wrapper for Svelte framework! 🎉

0.16.5

This version fixes the bug with scrolling in the toolbox #92.

0.16.4

This version introduces the isAutoSelectDisabled option. Now it's possible to disable the auto-select feature.

const configuration = {
  steps: {
    isAutoSelectDisabled: true,
    // ...
  }
};

Additionally, this version introduces possibility to initialize the designer with the undo stack from the previous session.

const configuration = {
  undoStackSize: 10,
  undoStack: myUndoStack,
  // ...
};

To read the current stack you should use the dumpUndoStack() method.

const myUndoStack = designer.dumpUndoStack();

0.16.3

This version adds: isReadonly, selectedStepId, uidGenerator, isToolboxCollapsed and isEditorCollapsed properties and onIsToolboxCollapsedChanged and onIsEditorCollapsedChanged events to the Angular package.