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

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SortableItem = void 0;
var _react = _interopRequireDefault(require("react"));
var _sortable = require("@dnd-kit/sortable");
var _Item = require("../Item");
var _hooks = require("../../../../hooks");
var _jsxRuntime = require("react/jsx-runtime");
var SortableItem = exports.SortableItem = function SortableItem(_ref) {
  var disabled = _ref.disabled,
    id = _ref.id,
    renderItem = _ref.renderItem;
  var _useSortable = (0, _sortable.useSortable)({
      id: id
    }),
    setNodeRef = _useSortable.setNodeRef,
    listeners = _useSortable.listeners,
    isDragging = _useSortable.isDragging,
    isSorting = _useSortable.isSorting,
    transform = _useSortable.transform;
  var mounted = (0, _hooks.useMountStatus)();
  var mountedWhileDragging = isDragging && !mounted;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Item.Item, {
    ref: disabled ? undefined : setNodeRef,
    dragging: isDragging,
    sorting: isSorting,
    transform: transform,
    fadeIn: mountedWhileDragging,
    listeners: listeners,
    renderItem: renderItem
  });
};