sequential-workflow-designer - npm Package Compare versions

Comparing version 0.18.5 to 0.19.0

lib/index.d.ts

@@ -1,2 +0,2 @@
-import { Step, BranchedStep, SequentialStep, Definition, Sequence, ComponentType, DefinitionWalker, StepOrName } from 'sequential-workflow-model';
+import { Definition, Step, Sequence, ComponentType, DefinitionWalker, StepOrName } from 'sequential-workflow-model';
 export * from 'sequential-workflow-model';
@@ -71,21 +71,2 @@
 
-/**
- * @deprecated Use {@link Step} instead.
- */
-interface TaskStep extends Step {
-    componentType: 'task';
-}
-/**
- * @deprecated Use {@link BranchedStep} instead.
- */
-interface SwitchStep extends BranchedStep {
-    componentType: 'switch';
-}
-/**
- * @deprecated Use {@link SequentialStep} instead.
- */
-interface ContainerStep extends SequentialStep {
-    componentType: 'container';
-}
-
 interface Behavior {
@@ -300,9 +281,17 @@ onStart(position: Vector): void;
 
+declare class CustomActionController {
+    private readonly configuration;
+    private readonly state;
+    constructor(configuration: DesignerConfiguration, state: DesignerState);
+    trigger(action: CustomAction, step: Step | null, sequence: Sequence): void;
+    private notifyStepChanged;
+}
+
 declare class HistoryController {
     private readonly stack;
     private readonly state;
-    private readonly definitionModifier;
+    private readonly stateModifier;
     private readonly stackSize;
-    static create(initialStack: UndoStack | undefined, state: DesignerState, definitionModifier: DefinitionModifier, configuration: DesignerConfiguration): HistoryController;
-    constructor(stack: UndoStack, state: DesignerState, definitionModifier: DefinitionModifier, stackSize: number);
+    static create(initialStack: UndoStack | undefined, state: DesignerState, stateModifier: StateModifier, configuration: DesignerConfiguration): HistoryController;
+    constructor(stack: UndoStack, state: DesignerState, stateModifier: StateModifier, stackSize: number);
     canUndo(): boolean;
@@ -356,9 +345,10 @@ undo(): void;
     readonly definitionWalker: DefinitionWalker;
-    readonly definitionModifier: DefinitionModifier;
+    readonly stateModifier: StateModifier;
     readonly layoutController: LayoutController;
     readonly workspaceController: WorkspaceControllerWrapper;
     readonly behaviorController: BehaviorController;
+    readonly customActionController: CustomActionController;
     readonly historyController: HistoryController | undefined;
     static create(parent: HTMLElement, startDefinition: Definition, configuration: DesignerConfiguration, services: Services): DesignerContext;
-    constructor(theme: string, state: DesignerState, configuration: DesignerConfiguration, services: Services, componentContext: ComponentContext, definitionWalker: DefinitionWalker, definitionModifier: DefinitionModifier, layoutController: LayoutController, workspaceController: WorkspaceControllerWrapper, behaviorController: BehaviorController, historyController: HistoryController | undefined);
+    constructor(theme: string, state: DesignerState, configuration: DesignerConfiguration, services: Services, componentContext: ComponentContext, definitionWalker: DefinitionWalker, stateModifier: StateModifier, layoutController: LayoutController, workspaceController: WorkspaceControllerWrapper, behaviorController: BehaviorController, customActionController: CustomActionController, historyController: HistoryController | undefined);
     setWorkspaceController(controller: WorkspaceController): void;
@@ -370,6 +360,7 @@ }
     private readonly state;
+    private readonly selectedStepIdProvider;
     private readonly definitionWalker;
     private readonly handler;
     private readonly raceEvent;
-    static create(state: DesignerState, definitionWalker: DefinitionWalker, handler: EditorRendererHandler): EditorRenderer;
+    static create(state: DesignerState, selectedStepIdProvider: SelectedStepIdProvider, definitionWalker: DefinitionWalker, handler: EditorRendererHandler): EditorRenderer;
     private currentStepId;
@@ -383,7 +374,15 @@ private constructor();
 
+interface StateModifierDependency {
+    update(): void;
+}
+
+interface SelectedStepIdProvider {
+    onSelectedStepIdChanged: SimpleEvent<string | null>;
+    selectedStepId: string | null;
+}
 declare class EditorApi {
     private readonly state;
     private readonly definitionWalker;
-    private readonly definitionModifier;
-    constructor(state: DesignerState, definitionWalker: DefinitionWalker, definitionModifier: DefinitionModifier);
+    private readonly stateModifier;
+    constructor(state: DesignerState, definitionWalker: DefinitionWalker, stateModifier: StateModifier);
     isCollapsed(): boolean;
@@ -394,3 +393,4 @@ isReadonly(): boolean;
     getDefinition(): Definition;
-    runRenderer(rendererHandler: EditorRendererHandler): EditorRenderer;
+    addDefinitionModifierDependency(dependency: StateModifierDependency): void;
+    runRenderer(rendererHandler: EditorRendererHandler, customSelectedStepIdProvider: SelectedStepIdProvider | null): EditorRenderer;
     createStepEditorContext(stepId: string): StepEditorContext;
@@ -405,6 +405,2 @@ createRootEditorContext(): RootEditorContext;
     readonly onStateChanged: SimpleEvent<[(string[] | undefined)?, (DefinitionChangedEvent | undefined)?, unknown?]>;
-    /**
-     * @deprecated Don't use this method
-     */
-    subscribe(handler: () => void): void;
     setFolderPath(path: string[]): void;
@@ -486,2 +482,3 @@ getFolderPath(): string[];
     readonly pathBar: PathBarApi;
+    readonly definitionWalker: DefinitionWalker;
     static create(context: DesignerContext): DesignerApi;
@@ -723,2 +720,3 @@ private constructor();
     sequenceComponent?: SequenceComponentExtension;
+    contextMenu?: ContextMenuExtension;
     daemons?: DaemonExtension[];
@@ -797,2 +795,13 @@ }
 }
+interface ContextMenuExtension {
+    createItemsProvider?: (customActionController: CustomActionController) => ContextMenuItemsProvider;
+}
+interface ContextMenuItemsProvider {
+    getItems(step: Step | null, sequence: Sequence): ContextMenuItem[];
+}
+interface ContextMenuItem {
+    readonly label: string;
+    readonly order: number;
+    readonly callback?: () => void;
+}
 interface PlaceholderControllerExtension {
@@ -937,2 +946,3 @@ create(): PlaceholderController;
 interface StepsConfiguration {
+    isSelectable?: (step: Step, parentSequence: Sequence) => boolean;
     canInsertStep?: (step: Step, targetSequence: Sequence, targetIndex: number) => boolean;
@@ -998,7 +1008,13 @@ isDraggable?: (step: Step, parentSequence: Sequence) => boolean;
 
-declare class DefinitionModifier {
+declare class StateModifier {
     private readonly definitionWalker;
     private readonly state;
     private readonly configuration;
-    constructor(definitionWalker: DefinitionWalker, state: DesignerState, configuration: DesignerConfiguration);
+    private readonly dependencies;
+    static create(definitionWalker: DefinitionWalker, state: DesignerState, configuration: DesignerConfiguration): StateModifier;
+    constructor(definitionWalker: DefinitionWalker, state: DesignerState, configuration: DesignerConfiguration, dependencies: StateModifierDependency[]);
+    addDependency(dependency: StateModifierDependency): void;
+    isSelectable(step: Step, parentSequence: Sequence): boolean;
+    trySelectStep(step: Step, parentSequence: Sequence): void;
+    trySelectStepById(stepId: string): void;
     isDeletable(stepId: string): boolean;
@@ -1012,3 +1028,3 @@ tryDelete(stepId: string): boolean;
     replaceDefinition(definition: Definition): void;
-    updateDependantFields(): void;
+    updateDependencies(): void;
 }
@@ -1019,11 +1035,7 @@
     private readonly historyController;
-    private readonly definitionModifier;
+    private readonly stateModifier;
     private readonly viewportApi;
-    static create(state: DesignerState, historyController: HistoryController | undefined, definitionModifier: DefinitionModifier, viewportApi: ViewportApi): ControlBarApi;
+    static create(state: DesignerState, historyController: HistoryController | undefined, stateModifier: StateModifier, viewportApi: ViewportApi): ControlBarApi;
     private constructor();
     readonly onStateChanged: SimpleEvent<unknown>;
-    /**
-     * @deprecated Don't use this method
-     */
-    subscribe(handler: () => void): void;
     resetViewport(): void;
@@ -1046,3 +1058,3 @@ zoomIn(): void;
     private readonly renderer;
-    static create(parent: HTMLElement, api: EditorApi, stepEditorClassName: string, stepEditorProvider: StepEditorProvider, rootEditorClassName: string, rootEditorProvider: RootEditorProvider): Editor;
+    static create(parent: HTMLElement, api: EditorApi, stepEditorClassName: string, stepEditorProvider: StepEditorProvider, rootEditorClassName: string, rootEditorProvider: RootEditorProvider, customSelectedStepIdProvider: SelectedStepIdProvider | null): Editor;
     private constructor();
@@ -1055,2 +1067,3 @@ destroy(): void;
     private readonly state;
+    private readonly stateModifier;
     private readonly walker;
@@ -1134,6 +1147,2 @@ private readonly historyController;
     /**
-     * @deprecated Use `moveViewportToStep` instead.
-     */
-    moveViewPortToStep(stepId: string): void;
-    /**
      * @description Rerender the root component and all its children.
@@ -1218,13 +1227,3 @@ */
 }
-/**
- * @deprecated Use `StepsDesignerExtension` instead.
- */
-declare class StepsExtension extends StepsDesignerExtension {
-}
-/**
- * @deprecated Use `StepsDesignerExtensionConfiguration` instead.
- */
-interface StepsExtensionConfiguration extends StepsDesignerExtensionConfiguration {
-}
 
-export { Attributes, Badge, BadgeExtension, BadgeView, Badges, BadgesResult, BaseClickCommand, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommand, ClickCommandType, ClickDetails, Component, ComponentContext, ComponentView, ContainerStep, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ControlBarApi, CustomAction, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerExtension, DefinitionChangeType, DefinitionChangedEvent, Designer, DesignerApi, DesignerConfiguration, DesignerContext, DesignerExtension, DesignerState, Dom, DraggedComponent, DraggedComponentExtension, Editor, EditorApi, EditorsConfiguration, Grid, GridExtension, Icons, InputView, JoinView, KeyboardAction, KeyboardConfiguration, LabelView, LineGridConfiguration, LineGridDesignerExtension, ObjectCloner, OpenFolderClickCommand, OutputView, PathBarApi, Placeholder, PlaceholderController, PlaceholderControllerExtension, PlaceholderDirection, PlaceholderExtension, PlaceholderView, QuantifiedScaleViewportCalculator, RectPlaceholder, RectPlaceholderConfiguration, RectPlaceholderView, RegionView, RerenderStepClickCommand, RootComponentExtension, RootEditorContext, RootEditorProvider, RootValidator, SelectStepClickCommand, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, ServicesResolver, SimpleEvent, SimpleEventListener, StepComponent, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepExtensionResolver, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtension, StepsDesignerExtensionConfiguration, StepsExtension, StepsExtensionConfiguration, SwitchStep, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TaskStep, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxApi, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, Uid, UidGenerator, UndoStack, UndoStackItem, ValidationErrorBadgeExtension, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Vector, Viewport, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, getAbsolutePosition, race };
+export { Attributes, Badge, BadgeExtension, BadgeView, Badges, BadgesResult, BaseClickCommand, CenteredViewportCalculator, ClassicWheelControllerExtension, ClickCommand, ClickCommandType, ClickDetails, Component, ComponentContext, ComponentView, ContainerStepComponentViewConfiguration, ContainerStepExtensionConfiguration, ContextMenuExtension, ContextMenuItem, ContextMenuItemsProvider, ControlBarApi, CustomAction, CustomActionController, CustomActionHandler, CustomActionHandlerContext, Daemon, DaemonExtension, DefaultSequenceComponent, DefaultSequenceComponentView, DefaultViewportController, DefaultViewportControllerExtension, DefinitionChangeType, DefinitionChangedEvent, Designer, DesignerApi, DesignerConfiguration, DesignerContext, DesignerExtension, DesignerState, Dom, DraggedComponent, DraggedComponentExtension, Editor, EditorApi, EditorsConfiguration, Grid, GridExtension, Icons, InputView, JoinView, KeyboardAction, KeyboardConfiguration, LabelView, LineGridConfiguration, LineGridDesignerExtension, ObjectCloner, OpenFolderClickCommand, OutputView, PathBarApi, Placeholder, PlaceholderController, PlaceholderControllerExtension, PlaceholderDirection, PlaceholderExtension, PlaceholderView, QuantifiedScaleViewportCalculator, RectPlaceholder, RectPlaceholderConfiguration, RectPlaceholderView, RegionView, RerenderStepClickCommand, RootComponentExtension, RootEditorContext, RootEditorProvider, RootValidator, SelectStepClickCommand, SelectedStepIdProvider, SequenceComponent, SequenceComponentExtension, SequenceContext, SequencePlaceIndicator, Services, ServicesResolver, SimpleEvent, SimpleEventListener, StateModifierDependency, StepComponent, StepComponentView, StepComponentViewContext, StepComponentViewFactory, StepComponentViewWrapperExtension, StepContext, StepDefinition, StepDescriptionProvider, StepEditorContext, StepEditorProvider, StepExtension, StepExtensionResolver, StepIconUrlProvider, StepLabelProvider, StepValidator, StepsConfiguration, StepsDesignerExtension, StepsDesignerExtensionConfiguration, SwitchStepComponentViewConfiguration, SwitchStepExtensionConfiguration, TaskStepComponentViewConfiguration, TaskStepExtensionConfiguration, ToolboxApi, ToolboxConfiguration, ToolboxGroupConfiguration, TriggerCustomActionClickCommand, UiComponent, UiComponentExtension, Uid, UidGenerator, UndoStack, UndoStackItem, ValidationErrorBadgeExtension, ValidationErrorBadgeExtensionConfiguration, ValidationErrorBadgeViewConfiguration, ValidatorConfiguration, Vector, Viewport, ViewportController, ViewportControllerExtension, WheelController, WheelControllerExtension, WorkspaceApi, createContainerStepComponentViewFactory, createSwitchStepComponentViewFactory, createTaskStepComponentViewFactory, getAbsolutePosition, race };

package.json

 {
 	"name": "sequential-workflow-designer",
 	"description": "Customizable no-code component for building flow-based programming applications.",
-	"version": "0.18.5",
+	"version": "0.19.0",
 	"type": "module",
@@ -6,0 +6,0 @@ "main": "./lib/esm/index.js",

README.md

@@ -101,6 +101,6 @@ ![Sequential Workflow Designer](.github/cover.png)
 ...
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.18.5/css/designer.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.18.5/css/designer-light.css" rel="stylesheet">
-<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.18.5/css/designer-dark.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.18.5/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.19.0/css/designer.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.19.0/css/designer-light.css" rel="stylesheet">
+<link href="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.19.0/css/designer-dark.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/sequential-workflow-designer@0.19.0/dist/index.umd.js"></script>
 ```
@@ -107,0 +107,0 @@

No alert changes

Improved metrics

Total package byte prevSize

621206

increased by2.04%

Lines of code

15241

increased by1.51%

No dependency changes