phx-react
Version:
PHX REACT
16 lines • 1.24 kB
JavaScript
;
exports.__esModule = true;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var react_sortablejs_1 = require("react-sortablejs");
var SortableStyle_1 = require("./SortableStyle");
function Sortable(_a) {
var list = _a.list, group = _a.group, _b = _a.enableBorder, enableBorder = _b === void 0 ? false : _b, renderItem = _a.renderItem, setList = _a.setList, className = _a.className;
return (react_1["default"].createElement("div", { className: enableBorder ? 'shadow-xs rounded-lg bg-white border border-gray-200' : '' },
react_1["default"].createElement(SortableStyle_1.SortableStyle, null),
react_1["default"].createElement(react_sortablejs_1.ReactSortable, { list: list, setList: function (val) {
setList(val);
}, group: group, animation: 150, fallbackOnBody: true, handle: '.drag-item', swapThreshold: 0.65, chosenClass: 'phx-item-chosen', ghostClass: 'phx-item-ghost', dragClass: 'phx-item-drag', className: className }, list.map(function (item, index) { return (react_1["default"].createElement("div", { key: item.id }, renderItem(item, index))); }))));
}
exports["default"] = Sortable;
//# sourceMappingURL=Sortable.js.map