@wulperstudio/cms/node/organisms/FreeBoard/FreeBoard.js

Wulper Studio Library Components CMS

"use strict";

var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FreeBoard = void 0;
var _react = _interopRequireWildcard(require("react"));
var _reactBeautifulDnd = require("react-beautiful-dnd");
var _styled = require("./styled");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
/* eslint-disable @typescript-eslint/naming-convention */

var FreeBoard = exports.FreeBoard = function FreeBoard(_ref) {
  var _children = _ref.children,
    _ref$isDropDisabled = _ref.isDropDisabled,
    isDropDisabled = _ref$isDropDisabled === void 0 ? false : _ref$isDropDisabled,
    _ref$isDragDisabled = _ref.isDragDisabled,
    isDragDisabled = _ref$isDragDisabled === void 0 ? false : _ref$isDragDisabled,
    AddColumnComponent = _ref.AddColumnComponent,
    _onDragEnd = _ref.onDragEnd;
  var isValid = _react["default"].Children.count(_children);
  if (isValid) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.DragDropContext, {
      onDragEnd: function onDragEnd(result, provided) {
        var parseResult = {
          destination: result == null ? void 0 : result.destination,
          source: result == null ? void 0 : result.source,
          elementId: result == null ? void 0 : result.draggableId,
          type: result == null ? void 0 : result.type
        };
        if (_onDragEnd) _onDragEnd(parseResult, provided);
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.Droppable, {
        droppableId: "board",
        type: "COLUMN",
        direction: "horizontal",
        isDropDisabled: isDropDisabled,
        children: function children(_ref2) {
          var dropInnerRef = _ref2.innerRef,
            dropPlaceholder = _ref2.placeholder,
            droppableProps = _ref2.droppableProps;
          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.Container, Object.assign({
              ref: dropInnerRef
            }, droppableProps, {
              children: [_react.Children.map(_children, function (child, index) {
                var Child = child;
                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.Draggable, {
                  draggableId: index.toString()
                  // eslint-disable-next-line react/no-array-index-key
                  ,

                  index: index,
                  isDragDisabled: isDragDisabled,
                  children: function children(_ref3) {
                    var dragInnerRef = _ref3.innerRef,
                      draggableProps = _ref3.draggableProps,
                      dragHandleProps = _ref3.dragHandleProps;
                    return /*#__PURE__*/(0, _react.cloneElement)(Child, Object.assign({
                      innerRef: dragInnerRef
                    }, draggableProps, dragHandleProps));
                  }
                }, index);
              }), AddColumnComponent]
            })), dropPlaceholder]
          });
        }
      })
    });
  }
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
    children: [_children, AddColumnComponent]
  });
};