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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AlterBoard = void 0;
var _react = _interopRequireDefault(require("react"));
var _core = require("@dnd-kit/core");
var _sortable = require("@dnd-kit/sortable");
var _helpers = require("./helpers");
var _jsxRuntime = require("react/jsx-runtime");
var AlterBoard = exports.AlterBoard = function AlterBoard(_ref) {
  var cancelDrop = _ref.cancelDrop,
    _ref$coordinateGetter = _ref.coordinateGetter,
    coordinateGetter = _ref$coordinateGetter === void 0 ? _helpers.coordinateGetter : _ref$coordinateGetter,
    modifiers = _ref.modifiers,
    columns = _ref.columns,
    children = _ref.children,
    collisionDetection = _ref.collisionDetection,
    onDragCancel = _ref.onDragCancel,
    onDragStart = _ref.onDragStart,
    onDragOver = _ref.onDragOver,
    onDragEnd = _ref.onDragEnd,
    onDragMove = _ref.onDragMove;
  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.MouseSensor, {
    activationConstraint: {
      distance: 8
    }
  }), (0, _core.useSensor)(_core.TouchSensor, {
    activationConstraint: {
      delay: 200,
      tolerance: 6
    }
  }), (0, _core.useSensor)(_core.KeyboardSensor, {
    coordinateGetter: coordinateGetter
  }));
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_core.DndContext, {
    sensors: sensors,
    collisionDetection: collisionDetection,
    measuring: {
      droppable: {
        strategy: _core.MeasuringStrategy.Always
      }
    },
    onDragStart: onDragStart,
    onDragOver: onDragOver,
    onDragEnd: onDragEnd,
    onDragMove: onDragMove,
    cancelDrop: cancelDrop,
    onDragCancel: onDragCancel,
    modifiers: modifiers,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      style: {
        display: 'inline-grid',
        boxSizing: 'border-box',
        gridAutoFlow: 'column'
      },
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sortable.SortableContext, {
        items: columns,
        strategy: _sortable.horizontalListSortingStrategy,
        children: children
      })
    })
  });
};