"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FlowStepDesignWrapper = exports.FlowStepDraggableData = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = tslib_1.__importDefault(require("react"));
const react_beautiful_dnd_1 = require("react-beautiful-dnd");
class FlowStepDraggableData {
    id;
    index;
    step;
    flow;
    sequence;
    constructor(id, index, step, flow, sequence) {
        this.id = id;
        this.index = index;
        this.step = step;
        this.flow = flow;
        this.sequence = sequence;
    }
}
exports.FlowStepDraggableData = FlowStepDraggableData;
// todo: not used?
class FlowStepDesignWrapper extends react_1.default.Component {
    wrapped;
    innerComponentRef = null;
    constructor(value) {
        super(value);
        this.wrapped = value.step;
    }
    render() {
        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_beautiful_dnd_1.Draggable, { draggableId: this.props.id, index: this.props.index, children: (provided, _snapshot) => {
                    return ((0, jsx_runtime_1.jsx)("div", { ref: provided.innerRef, ...provided.draggableProps, ...provided.dragHandleProps, children: (0, jsx_runtime_1.jsx)("div", { ref: (ref) => (this.innerComponentRef = ref), style: { position: "relative" }, children: this.props.step.render() }) }));
                } }, this.props.step._id) }));
    }
}
exports.FlowStepDesignWrapper = FlowStepDesignWrapper;
//# sourceMappingURL=FlowStepDesignWrapper.js.map