@paperbits/core/grid-cell/gridCellHandlers.ts

Paperbits core components.

import { IWidgetHandler, WidgetContext } from "@paperbits/common/editing";
import { EventManager, Events } from "@paperbits/common/events";
import { DragSession } from "@paperbits/common/ui/draggables";
import { IContextCommandSet, ViewManager } from "@paperbits/common/ui";
import { openWidgetEditorCommand, splitter, switchToChildCommand, switchToParentCommand } from "@paperbits/common/ui/commands";
import { WidgetModel } from "@paperbits/common/widgets";
import { GridCellModel } from "./gridCellModel";


export class GridCellHandlers implements IWidgetHandler<GridCellModel> {
    constructor(
        private readonly viewManager: ViewManager,
        private readonly eventManager: EventManager
    ) { }

    public canAccept(dragSession: DragSession): boolean {
        return !["section", "row", "column"].includes(dragSession.sourceBinding.name);
    }

    public getContextCommands(context: WidgetContext): IContextCommandSet {
        const contextualCommands: IContextCommandSet = {
            color: "#9C27B0",
            hoverCommands: [],
            deleteCommand: null,
            selectCommands: [
                openWidgetEditorCommand(context, `Edit ${context.binding.displayName.toLowerCase()}`),
                splitter(),
                switchToParentCommand(context)
            ]
        };

        if (context.model.widgets.length !== 0) {
            contextualCommands.selectCommands.push(switchToChildCommand(context));
            return contextualCommands;
        }

        contextualCommands.hoverCommands.push({
            controlType: "toolbox-button",
            color: "#607d8b",
            iconClass: "paperbits-icon paperbits-simple-add",
            position: "center",
            tooltip: "Add widget",
            component: {
                name: "widget-selector",
                params: {
                    onRequest: () => context.providers,
                    onSelect: (widget: WidgetModel) => {
                        context.model.widgets.push(widget);
                        context.binding.applyChanges();
                        this.eventManager.dispatchEvent(Events.ContentUpdate);
                        this.viewManager.clearContextualCommands();
                    }
                }
            }
        });

        return contextualCommands;
    }
}