@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
57 lines (56 loc) • 2.15 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.DroppableColumn = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _sortable = require("@dnd-kit/sortable");
var _utilities = require("@dnd-kit/utilities");
var _AlterBoardColumn = require("../AlterBoardColumn");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["children", "disabled", "id", "items", "style"];
var animateLayoutChanges = function animateLayoutChanges(args) {
return (0, _sortable.defaultAnimateLayoutChanges)(Object.assign({}, args, {
wasDragging: true
}));
};
var strategy = _sortable.verticalListSortingStrategy;
var DroppableColumn = exports.DroppableColumn = function DroppableColumn(_ref) {
var children = _ref.children,
disabled = _ref.disabled,
id = _ref.id,
items = _ref.items,
style = _ref.style,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
var _useSortable = (0, _sortable.useSortable)({
id: id,
data: {
type: 'container',
children: items
},
animateLayoutChanges: animateLayoutChanges
}),
attributes = _useSortable.attributes,
isDragging = _useSortable.isDragging,
listeners = _useSortable.listeners,
setNodeRef = _useSortable.setNodeRef,
transition = _useSortable.transition,
transform = _useSortable.transform;
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AlterBoardColumn.AlterBoardColumn, Object.assign({
ref: disabled ? undefined : setNodeRef,
style: Object.assign({}, style, {
transition: transition,
transform: _utilities.CSS.Translate.toString(transform),
opacity: isDragging ? 0.5 : undefined
}),
handleProps: Object.assign({}, attributes, listeners)
}, props, {
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
items: items,
strategy: strategy,
children: children
})
}));
};