@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
69 lines (68 loc) • 2.85 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ItemsList = void 0;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _reactBeautifulDnd = require("react-beautiful-dnd");
var _styled = require("./styled");
var _Entry = require("../../../../components/Entry");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["items", "children", "EntryProps"];
/* eslint-disable react/jsx-no-useless-fragment */
var InnerItemListW = function InnerItemListW(_ref) {
var items = _ref.items,
_children = _ref.children;
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
children: items == null ? void 0 : items.map(function (item, index) {
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.Draggable, {
draggableId: item.id,
index: index,
children: function children(_ref2) {
var draggableProps = _ref2.draggableProps,
innerRef = _ref2.innerRef,
dragHandleProps = _ref2.dragHandleProps;
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", Object.assign({
ref: innerRef
}, draggableProps, dragHandleProps, {
style: Object.assign({}, draggableProps.style, {
marginBottom: '12px'
}),
children: _children && _children(item, index)
}));
}
}, item.id);
})
});
};
var ItemsList = exports.ItemsList = function ItemsList(_ref3) {
var _InnerItemListW;
var items = _ref3.items,
_children2 = _ref3.children,
EntryProps = _ref3.EntryProps,
props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
var _props$listId = props.listId,
listId = _props$listId === void 0 ? 'LIST' : _props$listId;
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.Droppable, {
droppableId: listId,
type: "ITEM",
children: function children(_ref4) {
var innerRef = _ref4.innerRef,
placeholder = _ref4.placeholder,
droppableProps = _ref4.droppableProps;
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Wrapper, Object.assign({}, droppableProps, {
className: "items__list",
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.WrapperInner, {
ref: innerRef,
className: "wrapper__inner__list",
children: [_InnerItemListW || (_InnerItemListW = /*#__PURE__*/(0, _jsxRuntime.jsx)(InnerItemListW, {
items: items,
children: _children2
})), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Entry.Entry, Object.assign({}, EntryProps)), placeholder]
})
}));
}
});
};