@pie-lib/mask-markup 2.0.0-beta.1 → 2.0.0-next.0

package/lib/components/blank.js

@@ -1,288 +1,357 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.DRAG_TYPE = exports.BlankContent = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _mathRendering = require("@pie-lib/math-rendering");
-
 var _debug = _interopRequireDefault(require("debug"));
-
-var _drag = require("@pie-lib/drag");
-
-var _styles = require("@material-ui/core/styles");
-
-var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
-
-var _classnames3 = _interopRequireDefault(require("classnames"));
-
+var _core = require("@dnd-kit/core");
+var _utilities = require("@dnd-kit/utilities");
+var _styles = require("@mui/material/styles");
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _renderUi = require("@pie-lib/render-ui");
-
-var _excluded = ["connectDragSource", "connectDropTarget"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+var _colors = require("@mui/material/colors");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var log = (0, _debug["default"])('pie-lib:mask-markup:blank');
-var DRAG_TYPE = 'MaskBlank';
-exports.DRAG_TYPE = DRAG_TYPE;
-var useStyles = (0, _styles.withStyles)(function () {
+var StyledContent = (0, _styles.styled)('span')(function (_ref) {
+  var dragged = _ref.dragged,
+    over = _ref.over;
+  return _objectSpread(_objectSpread({
+    border: "solid 0px ".concat(_renderUi.color.primary()),
+    minWidth: '200px',
+    touchAction: 'none',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    opacity: 1
+  }, over && {
+    whiteSpace: 'nowrap',
+    overflow: 'hidden'
+  }), dragged && {
+    opacity: 0.5
+  });
+});
+var StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
   return {
-    content: {
-      border: "solid 0px ".concat(_renderUi.color.primary()),
-      minWidth: '200px'
+    backgroundColor: _renderUi.color.background(),
+    border: "2px dashed ".concat(_renderUi.color.text()),
+    color: _renderUi.color.text(),
+    fontSize: 'inherit',
+    maxWidth: '374px',
+    position: 'relative',
+    borderRadius: '3px',
+    '&.over': {
+      whiteSpace: 'nowrap',
+      overflow: 'hidden'
     },
-    chip: {
-      minWidth: '90px',
-      fontSize: 'inherit',
-      minHeight: '32px',
-      height: 'auto',
-      maxWidth: '374px',
-      position: 'relative'
+    '&.parentOver': {
+      border: "1px solid ".concat(_colors.grey[500]),
+      backgroundColor: "".concat(_colors.grey[300])
     },
-    chipLabel: {
-      whiteSpace: 'pre-wrap',
-      '& img': {
-        display: 'block',
-        padding: '2px 0'
-      }
+    '&.correct': {
+      border: "solid 1px ".concat(_renderUi.color.correct())
     },
-    hidden: {
-      color: 'transparent',
-      opacity: 0
+    '&.incorrect': {
+      border: "solid 1px ".concat(_renderUi.color.incorrect())
     },
-    dragged: {
-      position: 'absolute',
-      left: 14,
-      maxWidth: '60px'
+    '&.Mui-disabled': {
+      opacity: 1
+    }
+  };
+});
+var StyledChipLabel = (0, _styles.styled)('span')(function () {
+  return {
+    whiteSpace: 'normal',
+    // Added for touch devices, for image content.
+    // This will prevent the context menu from appearing and not allowing other interactions with the image.
+    // If interactions with the image in the token will be requested we should handle only the context Menu.
+    pointerEvents: 'none',
+    '& img': {
+      display: 'block',
+      padding: '2px 0'
     },
-    correct: {
-      border: "solid 1px ".concat(_renderUi.color.correct())
+    // Remove default <p> margins to ensure consistent spacing across all wrapped content (p, span, div, math)
+    // Padding for top and bottom will instead be controlled by the container for consistent layout
+    // Ensures consistent behavior with pie-api-browser, where marginTop is already removed by a Bootstrap stylesheet
+    '& p': {
+      marginTop: '0',
+      marginBottom: '0'
     },
-    incorrect: {
-      border: "solid 1px ".concat(_renderUi.color.incorrect())
+    '& mjx-frac': {
+      fontSize: '120% !important'
     },
-    over: {
+    '&.over': {
       whiteSpace: 'nowrap',
       overflow: 'hidden'
+    },
+    '&.hidden': {
+      color: 'transparent',
+      opacity: 0
+    },
+    '&.dragged': {
+      position: 'absolute',
+      left: 16,
+      maxWidth: '60px'
     }
   };
 });
-
-var BlankContent = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(BlankContent, _React$Component);
-
-  var _super = _createSuper(BlankContent);
-
-  function BlankContent() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, BlankContent);
-    _this = _super.call(this);
-    _this.state = {
-      height: 0
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(BlankContent, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this2 = this;
-
-      (0, _mathRendering.renderMath)(this.rootRef);
-      var currentChoice = this.props.choice;
-      var prevChoice = prevProps.choice;
-
-      if (JSON.stringify(currentChoice) !== JSON.stringify(prevChoice)) {
-        if (!currentChoice) {
-          this.setState({
-            height: 0
-          });
-          return;
-        }
-
-        setTimeout(function () {
-          _this2.setState({
-            height: _this2.spanRef.offsetHeight
-          });
-        }, 300);
-      }
+function BlankContent(_ref2) {
+  var _dragItem$choice, _frozenRef$current, _frozenRef$current2;
+  var disabled = _ref2.disabled,
+    choice = _ref2.choice,
+    isOver = _ref2.isOver,
+    isDragging = _ref2.isDragging,
+    dragItem = _ref2.dragItem,
+    correct = _ref2.correct,
+    emptyResponseAreaWidth = _ref2.emptyResponseAreaWidth,
+    emptyResponseAreaHeight = _ref2.emptyResponseAreaHeight;
+  var rootRef = (0, _react.useRef)(null);
+  var spanRef = (0, _react.useRef)(null);
+  var frozenRef = (0, _react.useRef)(null); // to use during dragging to prevent flickering
+  var _useState = (0, _react.useState)({
+      height: 0,
+      width: 0
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    dimensions = _useState2[0],
+    setDimensions = _useState2[1];
+  var handleImageLoad = function handleImageLoad() {
+    updateDimensions();
+  };
+  var handleElements = function handleElements() {
+    var _spanRef$current;
+    var imageElement = (_spanRef$current = spanRef.current) === null || _spanRef$current === void 0 ? void 0 : _spanRef$current.querySelector('img');
+    if (imageElement) {
+      imageElement.onload = handleImageLoad;
+    } else {
+      setTimeout(function () {
+        updateDimensions();
+      }, 300);
     }
-  }, {
-    key: "addDraggableFalseAttributes",
-    value: function addDraggableFalseAttributes(parent) {
-      parent.childNodes.forEach(function (elem) {
-        if (elem instanceof Element || elem instanceof HTMLDocument) {
-          elem.setAttribute('draggable', false);
-        }
+  };
+  var updateDimensions = function updateDimensions() {
+    if (spanRef.current && rootRef.current) {
+      // Temporarily set rootRef width to 'auto' for natural measurement
+      rootRef.current.style.width = 'auto';
+
+      // Get the natural dimensions of the content
+      var width = spanRef.current.offsetWidth || 0;
+      var height = spanRef.current.offsetHeight || 0;
+      var widthWithPadding = width + 24; // 12px padding on each side
+      var heightWithPadding = height + 24; // 12px padding on top and bottom
+
+      var responseAreaWidth = parseFloat(emptyResponseAreaWidth) || 0;
+      var responseAreaHeight = parseFloat(emptyResponseAreaHeight) || 0;
+      var adjustedWidth = widthWithPadding <= responseAreaWidth ? responseAreaWidth : widthWithPadding;
+      var adjustedHeight = heightWithPadding <= responseAreaHeight ? responseAreaHeight : heightWithPadding;
+      setDimensions(function (prevState) {
+        return {
+          width: adjustedWidth > responseAreaWidth ? adjustedWidth : prevState.width,
+          height: adjustedHeight > responseAreaHeight ? adjustedHeight : prevState.height
+        };
       });
+      rootRef.current.style.width = "".concat(adjustedWidth, "px");
+      rootRef.current.style.height = "".concat(adjustedHeight, "px");
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this,
-          _classnames2;
-
-      var _this$props = this.props,
-          disabled = _this$props.disabled,
-          choice = _this$props.choice,
-          classes = _this$props.classes,
-          isOver = _this$props.isOver,
-          dragItem = _this$props.dragItem,
-          correct = _this$props.correct;
-      var draggedLabel = dragItem && isOver && dragItem.choice.value;
-      var label = choice && choice.value;
-      return /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-        ref: function ref(_ref3) {
-          //eslint-disable-next-line
-          _this3.rootRef = _reactDom["default"].findDOMNode(_ref3);
-        },
-        component: "span",
-        label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-          className: (0, _classnames3["default"])(classes.chipLabel, isOver && classes.over, (0, _defineProperty2["default"])({}, classes.hidden, draggedLabel)),
-          ref: function ref(_ref) {
-            if (_ref) {
-              //eslint-disable-next-line
-              _this3.spanRef = _reactDom["default"].findDOMNode(_ref);
-              _ref.innerHTML = label || '';
-
-              _this3.addDraggableFalseAttributes(_ref);
-            }
-          }
-        }, ' '), draggedLabel && /*#__PURE__*/_react["default"].createElement("span", {
-          className: (0, _classnames3["default"])(classes.chipLabel, isOver && classes.over, classes.dragged),
-          ref: function ref(_ref2) {
-            if (_ref2) {
-              //eslint-disable-next-line
-              _this3.spanRef = _reactDom["default"].findDOMNode(_ref2);
-              _ref2.innerHTML = draggedLabel || '';
+  };
+  var getRootDimensions = function getRootDimensions() {
+    // Handle potential non-numeric values
+    var responseAreaWidth = !isNaN(parseFloat(emptyResponseAreaWidth)) ? parseFloat(emptyResponseAreaWidth) : 0;
+    var responseAreaHeight = !isNaN(parseFloat(emptyResponseAreaHeight)) ? parseFloat(emptyResponseAreaHeight) : 0;
+    var rootStyle = {
+      height: dimensions.height || responseAreaHeight,
+      width: dimensions.width || responseAreaWidth
+    };
 
-              _this3.addDraggableFalseAttributes(_ref2);
-            }
-          }
-        }, ' ')),
-        className: (0, _classnames3["default"])(classes.chip, isOver && classes.over, (_classnames2 = {}, (0, _defineProperty2["default"])(_classnames2, classes.correct, correct !== undefined && correct), (0, _defineProperty2["default"])(_classnames2, classes.incorrect, correct !== undefined && !correct), _classnames2)),
-        variant: disabled ? 'outlined' : undefined,
-        style: _objectSpread({}, this.state.height ? {
-          height: this.state.height
-        } : {}),
-        classes: {
-          label: isOver && classes.over
-        }
+    // add minWidth, minHeight if width and height are not defined
+    return _objectSpread(_objectSpread(_objectSpread({}, rootStyle), responseAreaWidth ? {} : {
+      minWidth: 90
+    }), responseAreaHeight ? {} : {
+      minHeight: 32
+    });
+  };
+  (0, _react.useEffect)(function () {
+    handleElements();
+  }, []);
+
+  // Render math for the placeholder/preview when dragging over
+  (0, _react.useEffect)(function () {
+    if (rootRef.current) {
+      (0, _mathRendering.renderMath)(rootRef.current);
+    }
+  }, [isOver, dragItem === null || dragItem === void 0 || (_dragItem$choice = dragItem.choice) === null || _dragItem$choice === void 0 ? void 0 : _dragItem$choice.value]);
+  (0, _react.useEffect)(function () {
+    if (!choice) {
+      setDimensions({
+        height: 0,
+        width: 0
       });
+      return;
     }
-  }]);
-  return BlankContent;
-}(_react["default"].Component);
-
-exports.BlankContent = BlankContent;
-(0, _defineProperty2["default"])(BlankContent, "propTypes", {
+    handleElements();
+  }, [choice]);
+  (0, _react.useEffect)(function () {
+    if (!isOver && !isDragging) {
+      frozenRef.current = {
+        width: rootRef.current.offsetWidth,
+        height: rootRef.current.offsetHeight
+      };
+    }
+  }, [choice, isOver, isDragging]);
+  var draggedLabel = dragItem && isOver && dragItem.choice && dragItem.choice.value;
+  var label = choice && choice.value;
+  var style = isOver || isDragging ? {
+    width: (_frozenRef$current = frozenRef.current) === null || _frozenRef$current === void 0 ? void 0 : _frozenRef$current.width,
+    height: (_frozenRef$current2 = frozenRef.current) === null || _frozenRef$current2 === void 0 ? void 0 : _frozenRef$current2.height
+  } : getRootDimensions();
+  return /*#__PURE__*/_react["default"].createElement(StyledChip, {
+    clickable: false,
+    disabled: disabled,
+    ref: rootRef,
+    component: "span",
+    label: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledChipLabel, {
+      ref: spanRef,
+      draggable: true,
+      className: (0, _classnames["default"])({
+        over: isOver,
+        hidden: draggedLabel
+      }),
+      dangerouslySetInnerHTML: {
+        __html: label || ''
+      }
+    }), draggedLabel && /*#__PURE__*/_react["default"].createElement(StyledChipLabel, {
+      draggable: true,
+      className: (0, _classnames["default"])({
+        over: isOver,
+        dragged: true
+      }),
+      dangerouslySetInnerHTML: {
+        __html: draggedLabel || ''
+      }
+    })),
+    className: (0, _classnames["default"])({
+      over: isOver,
+      parentOver: isOver,
+      correct: correct !== undefined && correct,
+      incorrect: correct !== undefined && !correct
+    }),
+    variant: disabled ? 'outlined' : undefined,
+    style: style
+  });
+}
+BlankContent.defaultProps = {
+  emptyResponseAreaWidth: 0,
+  emptyResponseAreaHeight: 0
+};
+BlankContent.propTypes = {
   id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
   disabled: _propTypes["default"].bool,
   duplicates: _propTypes["default"].bool,
   choice: _propTypes["default"].object,
-  classes: _propTypes["default"].object,
   isOver: _propTypes["default"].bool,
   dragItem: _propTypes["default"].object,
   correct: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func
-});
-var StyledBlankContent = useStyles(BlankContent);
-var connectedBlankContent = useStyles(function (_ref4) {
-  var connectDragSource = _ref4.connectDragSource,
-      connectDropTarget = _ref4.connectDropTarget,
-      props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
-  var classes = props.classes,
-      isOver = props.isOver;
-  return connectDropTarget(connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames3["default"])(classes.content, isOver && classes.over)
-  }, /*#__PURE__*/_react["default"].createElement(StyledBlankContent, props))));
-});
-var tileTarget = {
-  drop: function drop(props, monitor) {
-    var draggedItem = monitor.getItem();
-    log('props.instanceId', props.instanceId, 'draggedItem.instanceId:', draggedItem.instanceId);
-
-    if (draggedItem.id !== props.id) {
-      props.onChange(props.id, draggedItem.choice.id);
-    }
-
-    return {
-      dropped: draggedItem.id !== props.id
-    };
-  },
-  canDrop: function canDrop(props, monitor) {
-    var draggedItem = monitor.getItem();
-    return draggedItem.instanceId === props.instanceId;
-  }
+  onChange: _propTypes["default"].func,
+  emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  instanceId: _propTypes["default"].string
 };
-var DropTile = (0, _drag.DropTarget)(DRAG_TYPE, tileTarget, function (connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver(),
-    dragItem: monitor.getItem()
-  };
-})(connectedBlankContent);
-var tileSource = {
-  canDrag: function canDrag(props) {
-    return !props.disabled && !!props.choice;
-  },
-  beginDrag: function beginDrag(props) {
-    return {
-      id: props.id,
-      choice: props.choice,
-      instanceId: props.instanceId,
-      fromChoice: true
-    };
-  },
-  endDrag: function endDrag(props, monitor) {
-    // this will be null if it did not drop
-    var dropResult = monitor.getDropResult();
 
-    if (!dropResult || dropResult.dropped && !props.duplicates) {
-      var draggedItem = monitor.getItem();
-
-      if (draggedItem.fromChoice) {
-        props.onChange(props.id, undefined);
+// New functional component using @dnd-kit hooks
+function DragDropBlank(_ref3) {
+  var _dragItem$data;
+  var id = _ref3.id,
+    disabled = _ref3.disabled,
+    duplicates = _ref3.duplicates,
+    choice = _ref3.choice,
+    correct = _ref3.correct,
+    onChange = _ref3.onChange,
+    emptyResponseAreaWidth = _ref3.emptyResponseAreaWidth,
+    emptyResponseAreaHeight = _ref3.emptyResponseAreaHeight,
+    instanceId = _ref3.instanceId;
+  // Setup draggable functionality
+  var _useDraggable = (0, _core.useDraggable)({
+      id: "mask-blank-drag-".concat(id),
+      disabled: disabled || !choice,
+      data: {
+        id: id,
+        choice: choice,
+        instanceId: instanceId,
+        fromChoice: false,
+        // This is from a blank, not from choices
+        type: 'MaskBlank'
       }
-    }
-  }
-};
-var DragDropTile = (0, _drag.DragSource)(DRAG_TYPE, tileSource, function (connect, monitor) {
-  return {
-    connectDragSource: connect.dragSource(),
-    isDragging: monitor.isDragging()
+    }),
+    dragAttributes = _useDraggable.attributes,
+    dragListeners = _useDraggable.listeners,
+    setDragNodeRef = _useDraggable.setNodeRef,
+    transform = _useDraggable.transform,
+    isDragging = _useDraggable.isDragging;
+
+  // Setup droppable functionality
+  var _useDroppable = (0, _core.useDroppable)({
+      id: "mask-blank-drop-".concat(id),
+      data: {
+        id: id,
+        accepts: ['MaskBlank'],
+        instanceId: instanceId
+      }
+    }),
+    setDropNodeRef = _useDroppable.setNodeRef,
+    isOver = _useDroppable.isOver,
+    dragItem = _useDroppable.active;
+
+  // Combine refs for both drag and drop
+  var setNodeRef = function setNodeRef(node) {
+    setDragNodeRef(node);
+    setDropNodeRef(node);
   };
-})(DropTile);
-var _default = DragDropTile;
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsIkRSQUdfVFlQRSIsInVzZVN0eWxlcyIsIndpdGhTdHlsZXMiLCJjb250ZW50IiwiYm9yZGVyIiwiY29sb3IiLCJwcmltYXJ5IiwibWluV2lkdGgiLCJjaGlwIiwiZm9udFNpemUiLCJtaW5IZWlnaHQiLCJoZWlnaHQiLCJtYXhXaWR0aCIsInBvc2l0aW9uIiwiY2hpcExhYmVsIiwid2hpdGVTcGFjZSIsImRpc3BsYXkiLCJwYWRkaW5nIiwiaGlkZGVuIiwib3BhY2l0eSIsImRyYWdnZWQiLCJsZWZ0IiwiY29ycmVjdCIsImluY29ycmVjdCIsIm92ZXIiLCJvdmVyZmxvdyIsIkJsYW5rQ29udGVudCIsInN0YXRlIiwicHJldlByb3BzIiwicmVuZGVyTWF0aCIsInJvb3RSZWYiLCJjdXJyZW50Q2hvaWNlIiwicHJvcHMiLCJjaG9pY2UiLCJwcmV2Q2hvaWNlIiwiSlNPTiIsInN0cmluZ2lmeSIsInNldFN0YXRlIiwic2V0VGltZW91dCIsInNwYW5SZWYiLCJvZmZzZXRIZWlnaHQiLCJwYXJlbnQiLCJjaGlsZE5vZGVzIiwiZm9yRWFjaCIsImVsZW0iLCJFbGVtZW50IiwiSFRNTERvY3VtZW50Iiwic2V0QXR0cmlidXRlIiwiZGlzYWJsZWQiLCJjbGFzc2VzIiwiaXNPdmVyIiwiZHJhZ0l0ZW0iLCJkcmFnZ2VkTGFiZWwiLCJ2YWx1ZSIsImxhYmVsIiwicmVmIiwiUmVhY3RET00iLCJmaW5kRE9NTm9kZSIsImNsYXNzbmFtZXMiLCJpbm5lckhUTUwiLCJhZGREcmFnZ2FibGVGYWxzZUF0dHJpYnV0ZXMiLCJ1bmRlZmluZWQiLCJSZWFjdCIsIkNvbXBvbmVudCIsImlkIiwiUHJvcFR5cGVzIiwib25lT2ZUeXBlIiwic3RyaW5nIiwibnVtYmVyIiwiYm9vbCIsImR1cGxpY2F0ZXMiLCJvYmplY3QiLCJvbkNoYW5nZSIsImZ1bmMiLCJTdHlsZWRCbGFua0NvbnRlbnQiLCJjb25uZWN0ZWRCbGFua0NvbnRlbnQiLCJjb25uZWN0RHJhZ1NvdXJjZSIsImNvbm5lY3REcm9wVGFyZ2V0IiwidGlsZVRhcmdldCIsImRyb3AiLCJtb25pdG9yIiwiZHJhZ2dlZEl0ZW0iLCJnZXRJdGVtIiwiaW5zdGFuY2VJZCIsImRyb3BwZWQiLCJjYW5Ecm9wIiwiRHJvcFRpbGUiLCJEcm9wVGFyZ2V0IiwiY29ubmVjdCIsImRyb3BUYXJnZXQiLCJ0aWxlU291cmNlIiwiY2FuRHJhZyIsImJlZ2luRHJhZyIsImZyb21DaG9pY2UiLCJlbmREcmFnIiwiZHJvcFJlc3VsdCIsImdldERyb3BSZXN1bHQiLCJEcmFnRHJvcFRpbGUiLCJEcmFnU291cmNlIiwiZHJhZ1NvdXJjZSIsImlzRHJhZ2dpbmciXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9ibGFuay5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20nO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHJlbmRlck1hdGggfSBmcm9tICdAcGllLWxpYi9tYXRoLXJlbmRlcmluZyc7XG5pbXBvcnQgZGVidWcgZnJvbSAnZGVidWcnO1xuaW1wb3J0IHsgRHJhZ1NvdXJjZSwgRHJvcFRhcmdldCB9IGZyb20gJ0BwaWUtbGliL2RyYWcnO1xuaW1wb3J0IHsgd2l0aFN0eWxlcyB9IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL3N0eWxlcyc7XG5pbXBvcnQgQ2hpcCBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9DaGlwJztcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgY29sb3IgfSBmcm9tICdAcGllLWxpYi9yZW5kZXItdWknO1xuY29uc3QgbG9nID0gZGVidWcoJ3BpZS1saWI6bWFzay1tYXJrdXA6YmxhbmsnKTtcbmV4cG9ydCBjb25zdCBEUkFHX1RZUEUgPSAnTWFza0JsYW5rJztcblxuY29uc3QgdXNlU3R5bGVzID0gd2l0aFN0eWxlcygoKSA9PiAoe1xuICBjb250ZW50OiB7XG4gICAgYm9yZGVyOiBgc29saWQgMHB4ICR7Y29sb3IucHJpbWFyeSgpfWAsXG4gICAgbWluV2lkdGg6ICcyMDBweCdcbiAgfSxcbiAgY2hpcDoge1xuICAgIG1pbldpZHRoOiAnOTBweCcsXG4gICAgZm9udFNpemU6ICdpbmhlcml0JyxcbiAgICBtaW5IZWlnaHQ6ICczMnB4JyxcbiAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICBtYXhXaWR0aDogJzM3NHB4JyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJ1xuICB9LFxuICBjaGlwTGFiZWw6IHtcbiAgICB3aGl0ZVNwYWNlOiAncHJlLXdyYXAnLFxuICAgICcmIGltZyc6IHtcbiAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICBwYWRkaW5nOiAnMnB4IDAnXG4gICAgfVxuICB9LFxuICBoaWRkZW46IHtcbiAgICBjb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICBvcGFjaXR5OiAwXG4gIH0sXG4gIGRyYWdnZWQ6IHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBsZWZ0OiAxNCxcbiAgICBtYXhXaWR0aDogJzYwcHgnXG4gIH0sXG4gIGNvcnJlY3Q6IHtcbiAgICBib3JkZXI6IGBzb2xpZCAxcHggJHtjb2xvci5jb3JyZWN0KCl9YFxuICB9LFxuICBpbmNvcnJlY3Q6IHtcbiAgICBib3JkZXI6IGBzb2xpZCAxcHggJHtjb2xvci5pbmNvcnJlY3QoKX1gXG4gIH0sXG4gIG92ZXI6IHtcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbidcbiAgfVxufSkpO1xuXG5leHBvcnQgY2xhc3MgQmxhbmtDb250ZW50IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBpZDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm51bWJlcl0pLFxuICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBkdXBsaWNhdGVzOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBjaG9pY2U6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBpc092ZXI6IFByb3BUeXBlcy5ib29sLFxuICAgIGRyYWdJdGVtOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIGNvcnJlY3Q6IFByb3BUeXBlcy5ib29sLFxuICAgIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuY1xuICB9O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGhlaWdodDogMFxuICAgIH07XG4gIH1cblxuICBjb21wb25lbnREaWRVcGRhdGUocHJldlByb3BzKSB7XG4gICAgcmVuZGVyTWF0aCh0aGlzLnJvb3RSZWYpO1xuICAgIGNvbnN0IHsgY2hvaWNlOiBjdXJyZW50Q2hvaWNlIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgY2hvaWNlOiBwcmV2Q2hvaWNlIH0gPSBwcmV2UHJvcHM7XG5cbiAgICBpZiAoSlNPTi5zdHJpbmdpZnkoY3VycmVudENob2ljZSkgIT09IEpTT04uc3RyaW5naWZ5KHByZXZDaG9pY2UpKSB7XG4gICAgICBpZiAoIWN1cnJlbnRDaG9pY2UpIHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgaGVpZ2h0OiAwXG4gICAgICAgIH0pO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgaGVpZ2h0OiB0aGlzLnNwYW5SZWYub2Zmc2V0SGVpZ2h0XG4gICAgICAgIH0pO1xuICAgICAgfSwgMzAwKTtcbiAgICB9XG4gIH1cblxuICBhZGREcmFnZ2FibGVGYWxzZUF0dHJpYnV0ZXMocGFyZW50KSB7XG4gICAgcGFyZW50LmNoaWxkTm9kZXMuZm9yRWFjaChlbGVtID0+IHtcbiAgICAgIGlmIChlbGVtIGluc3RhbmNlb2YgRWxlbWVudCB8fCBlbGVtIGluc3RhbmNlb2YgSFRNTERvY3VtZW50KSB7XG4gICAgICAgIGVsZW0uc2V0QXR0cmlidXRlKCdkcmFnZ2FibGUnLCBmYWxzZSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBkaXNhYmxlZCwgY2hvaWNlLCBjbGFzc2VzLCBpc092ZXIsIGRyYWdJdGVtLCBjb3JyZWN0IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGRyYWdnZWRMYWJlbCA9IGRyYWdJdGVtICYmIGlzT3ZlciAmJiBkcmFnSXRlbS5jaG9pY2UudmFsdWU7XG4gICAgY29uc3QgbGFiZWwgPSBjaG9pY2UgJiYgY2hvaWNlLnZhbHVlO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDaGlwXG4gICAgICAgIHJlZj17cmVmID0+IHtcbiAgICAgICAgICAvL2VzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICAgICAgICAgIHRoaXMucm9vdFJlZiA9IFJlYWN0RE9NLmZpbmRET01Ob2RlKHJlZik7XG4gICAgICAgIH19XG4gICAgICAgIGNvbXBvbmVudD1cInNwYW5cIlxuICAgICAgICBsYWJlbD17XG4gICAgICAgICAgPFJlYWN0LkZyYWdtZW50PlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKGNsYXNzZXMuY2hpcExhYmVsLCBpc092ZXIgJiYgY2xhc3Nlcy5vdmVyLCB7XG4gICAgICAgICAgICAgICAgW2NsYXNzZXMuaGlkZGVuXTogZHJhZ2dlZExhYmVsXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICByZWY9e3JlZiA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHJlZikge1xuICAgICAgICAgICAgICAgICAgLy9lc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgICAgICAgICAgICAgIHRoaXMuc3BhblJlZiA9IFJlYWN0RE9NLmZpbmRET01Ob2RlKHJlZik7XG4gICAgICAgICAgICAgICAgICByZWYuaW5uZXJIVE1MID0gbGFiZWwgfHwgJyc7XG4gICAgICAgICAgICAgICAgICB0aGlzLmFkZERyYWdnYWJsZUZhbHNlQXR0cmlidXRlcyhyZWYpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIHtkcmFnZ2VkTGFiZWwgJiYgKFxuICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhjbGFzc2VzLmNoaXBMYWJlbCwgaXNPdmVyICYmIGNsYXNzZXMub3ZlciwgY2xhc3Nlcy5kcmFnZ2VkKX1cbiAgICAgICAgICAgICAgICByZWY9e3JlZiA9PiB7XG4gICAgICAgICAgICAgICAgICBpZiAocmVmKSB7XG4gICAgICAgICAgICAgICAgICAgIC8vZXNsaW50LWRpc2FibGUtbmV4dC1saW5lXG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc3BhblJlZiA9IFJlYWN0RE9NLmZpbmRET01Ob2RlKHJlZik7XG4gICAgICAgICAgICAgICAgICAgIHJlZi5pbm5lckhUTUwgPSBkcmFnZ2VkTGFiZWwgfHwgJyc7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuYWRkRHJhZ2dhYmxlRmFsc2VBdHRyaWJ1dGVzKHJlZik7XG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsnICd9XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgICAgICAgfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoY2xhc3Nlcy5jaGlwLCBpc092ZXIgJiYgY2xhc3Nlcy5vdmVyLCB7XG4gICAgICAgICAgW2NsYXNzZXMuY29ycmVjdF06IGNvcnJlY3QgIT09IHVuZGVmaW5lZCAmJiBjb3JyZWN0LFxuICAgICAgICAgIFtjbGFzc2VzLmluY29ycmVjdF06IGNvcnJlY3QgIT09IHVuZGVmaW5lZCAmJiAhY29ycmVjdFxuICAgICAgICB9KX1cbiAgICAgICAgdmFyaWFudD17ZGlzYWJsZWQgPyAnb3V0bGluZWQnIDogdW5kZWZpbmVkfVxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIC4uLih0aGlzLnN0YXRlLmhlaWdodCA/IHsgaGVpZ2h0OiB0aGlzLnN0YXRlLmhlaWdodCB9IDoge30pXG4gICAgICAgIH19XG4gICAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgICBsYWJlbDogaXNPdmVyICYmIGNsYXNzZXMub3ZlclxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICApO1xuICB9XG59XG5cbmNvbnN0IFN0eWxlZEJsYW5rQ29udGVudCA9IHVzZVN0eWxlcyhCbGFua0NvbnRlbnQpO1xuXG5jb25zdCBjb25uZWN0ZWRCbGFua0NvbnRlbnQgPSB1c2VTdHlsZXMoKHsgY29ubmVjdERyYWdTb3VyY2UsIGNvbm5lY3REcm9wVGFyZ2V0LCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NlcywgaXNPdmVyIH0gPSBwcm9wcztcblxuICByZXR1cm4gY29ubmVjdERyb3BUYXJnZXQoXG4gICAgY29ubmVjdERyYWdTb3VyY2UoXG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoY2xhc3Nlcy5jb250ZW50LCBpc092ZXIgJiYgY2xhc3Nlcy5vdmVyKX0+XG4gICAgICAgIDxTdHlsZWRCbGFua0NvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgICAgPC9zcGFuPlxuICAgIClcbiAgKTtcbn0pO1xuXG5jb25zdCB0aWxlVGFyZ2V0ID0ge1xuICBkcm9wKHByb3BzLCBtb25pdG9yKSB7XG4gICAgY29uc3QgZHJhZ2dlZEl0ZW0gPSBtb25pdG9yLmdldEl0ZW0oKTtcblxuICAgIGxvZygncHJvcHMuaW5zdGFuY2VJZCcsIHByb3BzLmluc3RhbmNlSWQsICdkcmFnZ2VkSXRlbS5pbnN0YW5jZUlkOicsIGRyYWdnZWRJdGVtLmluc3RhbmNlSWQpO1xuXG4gICAgaWYgKGRyYWdnZWRJdGVtLmlkICE9PSBwcm9wcy5pZCkge1xuICAgICAgcHJvcHMub25DaGFuZ2UocHJvcHMuaWQsIGRyYWdnZWRJdGVtLmNob2ljZS5pZCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIGRyb3BwZWQ6IGRyYWdnZWRJdGVtLmlkICE9PSBwcm9wcy5pZFxuICAgIH07XG4gIH0sXG4gIGNhbkRyb3AocHJvcHMsIG1vbml0b3IpIHtcbiAgICBjb25zdCBkcmFnZ2VkSXRlbSA9IG1vbml0b3IuZ2V0SXRlbSgpO1xuXG4gICAgcmV0dXJuIGRyYWdnZWRJdGVtLmluc3RhbmNlSWQgPT09IHByb3BzLmluc3RhbmNlSWQ7XG4gIH1cbn07XG5cbmNvbnN0IERyb3BUaWxlID0gRHJvcFRhcmdldChEUkFHX1RZUEUsIHRpbGVUYXJnZXQsIChjb25uZWN0LCBtb25pdG9yKSA9PiAoe1xuICBjb25uZWN0RHJvcFRhcmdldDogY29ubmVjdC5kcm9wVGFyZ2V0KCksXG4gIGlzT3ZlcjogbW9uaXRvci5pc092ZXIoKSxcbiAgZHJhZ0l0ZW06IG1vbml0b3IuZ2V0SXRlbSgpXG59KSkoY29ubmVjdGVkQmxhbmtDb250ZW50KTtcblxuY29uc3QgdGlsZVNvdXJjZSA9IHtcbiAgY2FuRHJhZyhwcm9wcykge1xuICAgIHJldHVybiAhcHJvcHMuZGlzYWJsZWQgJiYgISFwcm9wcy5jaG9pY2U7XG4gIH0sXG4gIGJlZ2luRHJhZyhwcm9wcykge1xuICAgIHJldHVybiB7XG4gICAgICBpZDogcHJvcHMuaWQsXG4gICAgICBjaG9pY2U6IHByb3BzLmNob2ljZSxcbiAgICAgIGluc3RhbmNlSWQ6IHByb3BzLmluc3RhbmNlSWQsXG4gICAgICBmcm9tQ2hvaWNlOiB0cnVlXG4gICAgfTtcbiAgfSxcbiAgZW5kRHJhZyhwcm9wcywgbW9uaXRvcikge1xuICAgIC8vIHRoaXMgd2lsbCBiZSBudWxsIGlmIGl0IGRpZCBub3QgZHJvcFxuICAgIGNvbnN0IGRyb3BSZXN1bHQgPSBtb25pdG9yLmdldERyb3BSZXN1bHQoKTtcblxuICAgIGlmICghZHJvcFJlc3VsdCB8fCAoZHJvcFJlc3VsdC5kcm9wcGVkICYmICFwcm9wcy5kdXBsaWNhdGVzKSkge1xuICAgICAgY29uc3QgZHJhZ2dlZEl0ZW0gPSBtb25pdG9yLmdldEl0ZW0oKTtcblxuICAgICAgaWYgKGRyYWdnZWRJdGVtLmZyb21DaG9pY2UpIHtcbiAgICAgICAgcHJvcHMub25DaGFuZ2UocHJvcHMuaWQsIHVuZGVmaW5lZCk7XG4gICAgICB9XG4gICAgfVxuICB9XG59O1xuXG5jb25zdCBEcmFnRHJvcFRpbGUgPSBEcmFnU291cmNlKERSQUdfVFlQRSwgdGlsZVNvdXJjZSwgKGNvbm5lY3QsIG1vbml0b3IpID0+ICh7XG4gIGNvbm5lY3REcmFnU291cmNlOiBjb25uZWN0LmRyYWdTb3VyY2UoKSxcbiAgaXNEcmFnZ2luZzogbW9uaXRvci5pc0RyYWdnaW5nKClcbn0pKShEcm9wVGlsZSk7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdEcm9wVGlsZTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7Ozs7O0FBQ0EsSUFBTUEsR0FBRyxHQUFHLElBQUFDLGlCQUFBLEVBQU0sMkJBQU4sQ0FBWjtBQUNPLElBQU1DLFNBQVMsR0FBRyxXQUFsQjs7QUFFUCxJQUFNQyxTQUFTLEdBQUcsSUFBQUMsa0JBQUEsRUFBVztFQUFBLE9BQU87SUFDbENDLE9BQU8sRUFBRTtNQUNQQyxNQUFNLHNCQUFlQyxlQUFBLENBQU1DLE9BQU4sRUFBZixDQURDO01BRVBDLFFBQVEsRUFBRTtJQUZILENBRHlCO0lBS2xDQyxJQUFJLEVBQUU7TUFDSkQsUUFBUSxFQUFFLE1BRE47TUFFSkUsUUFB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
+  var style = {
+    transform: _utilities.CSS.Translate.toString(transform)
+  };
+  return /*#__PURE__*/_react["default"].createElement(StyledContent, (0, _extends2["default"])({
+    ref: setNodeRef,
+    style: style,
+    dragged: isDragging,
+    over: isOver
+  }, dragAttributes, dragListeners), /*#__PURE__*/_react["default"].createElement(BlankContent, {
+    id: id,
+    disabled: disabled,
+    duplicates: duplicates,
+    choice: choice,
+    isOver: isOver,
+    dragItem: dragItem === null || dragItem === void 0 || (_dragItem$data = dragItem.data) === null || _dragItem$data === void 0 ? void 0 : _dragItem$data.current,
+    correct: correct,
+    onChange: onChange,
+    emptyResponseAreaWidth: emptyResponseAreaWidth,
+    emptyResponseAreaHeight: emptyResponseAreaHeight,
+    instanceId: instanceId
+  }));
+}
+DragDropBlank.defaultProps = {
+  emptyResponseAreaWidth: 0,
+  emptyResponseAreaHeight: 0
+};
+DragDropBlank.propTypes = {
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  disabled: _propTypes["default"].bool,
+  duplicates: _propTypes["default"].bool,
+  choice: _propTypes["default"].object,
+  correct: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func,
+  emptyResponseAreaWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  emptyResponseAreaHeight: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  instanceId: _propTypes["default"].string
+};
+var _default = exports["default"] = DragDropBlank;
+//# sourceMappingURL=blank.js.map