sequential-workflow-designer - npm Package Versions

0.15.2

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.

We have prepared a tutorial on creating a custom theme, which is exclusively available for pro version clients.

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.

Breaking Changes

• The sqd-grid-path class of the line grid is renamed to sqd-line-grid-path.
• Selectors in the designer.css, designer-light.css and designer-dark.css files have been changed.

0.14.1

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

// React
<SequentialWorkflowDesigner contextMenu={false} ... />

<!-- Angular -->
<sqd-designer [contextMenu]="false" ...></sqd-designer>

🌟 The pro version introduces the loading badge. Check the badges example.

0.14.0

This version introduces the context menu, providing a new and interactive way to engage with the designer. If you want, you can disable this feature using the contextMenu property in the configuration.

const configuration = {
  contextMenu: false,
  // ...
};

Introducing a new feature: step duplication! Now, you have the ability to duplicate any step in your definition along with its children. This convenient option can be accessed from the context menu. Please note that the feature is disabled by default. To enable it, you must set your own callback for the isDuplicable property.

const configuration = {
  steps: {
    isDuplicable: (step, parentSequence) => {
      return true;
    },
  },
  // ...
};

0.13.7

This version fixes change detections in the Angular package. Thanks @wildercarrot!

0.13.6

Now it's possible to configure the size of grid cells. The default size is 48 as before.

🌟 In the pro version you can change the pattern of the grid from now. The pro version supports two new patterns: dot and cross.

0.13.5

We have added a third parameter, definition, to the step editor provider.

function stepEditorProvider(step, stepContext, definition) { /* ... */ }

0.13.4

The getStepParents method of the Designer class supports now a step id as an argument. It is possible to get parents of a step by its id. The method still supports a step object or a sequence as an argument.

designer.getStepParents('eb4f481ee1b90c6e3fc9b42dd010d2a5');

0.13.3

This version introduces 4 new features:

• The custom label provider for the toolbox. By default, the toolbox displays a label of a step from the name field. You may override this behaviour and pass own label provider now.

const configuration = {
  toolbox: {
    labelProvider: (step) => `** ${step.name} **`,
    // ...
  },
  // ...
};

• Control the collapse of the toolbox.

const configuration = {
  toolbox: {
    isCollapsed: true, // or false
    // ...
  },
  // ...
};

designer.isToolboxCollapsed(); // returns true or false
designer.setIsToolboxCollapsed(true);

• Control the collapse of the editor.

const configuration = {
  editors: {
    isCollapsed: true, // or false
    // ...
  },
  // ...
};

designer.isEditorCollapsed(); // returns true or false
designer.setIsEditorCollapsed(true);

• It's possible now to replace the default unique identifier generator by a custom one.

const configuration = {
  uidGenerator: () => Math.random().toString(),
  // ...
};