@netdata/netdata-ui/dist/organisms/navigation/sortable/item.js

netdata UI kit

"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _sortable = require("@dnd-kit/sortable");
var _utilities = require("@dnd-kit/utilities");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
var SortableItem = function SortableItem(_ref) {
  var animateLayoutChanges = _ref.animateLayoutChanges,
    draggable = _ref.draggable,
    id = _ref.id,
    index = _ref.index,
    onRemove = _ref.onRemove,
    itemProps = _ref.itemProps,
    Item = _ref.Item,
    lastTabRef = _ref.lastTabRef;
  var _useSortable = (0, _sortable.useSortable)({
      id: id,
      animateLayoutChanges: animateLayoutChanges,
      disabled: !draggable,
      data: {
        sortable: true,
        navigationTab: true
      }
    }),
    attributes = _useSortable.attributes,
    isDragging = _useSortable.isDragging,
    isSorting = _useSortable.isSorting,
    listeners = _useSortable.listeners,
    setNodeRef = _useSortable.setNodeRef,
    setActivatorNodeRef = _useSortable.setActivatorNodeRef,
    transform = _useSortable.transform,
    transition = _useSortable.transition;
  var style = {
    transform: _utilities.CSS.Transform.toString(transform),
    transition: transition
  };
  var setRef = function setRef(el) {
    setNodeRef(el);
    if (lastTabRef) lastTabRef.current = el;
  };
  return /*#__PURE__*/_react["default"].createElement(Item, _extends({}, itemProps, {
    ref: setRef,
    dragging: isDragging,
    sorting: isSorting,
    draggable: draggable,
    handleProps: draggable ? {
      ref: setActivatorNodeRef
    } : undefined,
    index: index,
    style: style,
    onRemove: onRemove,
    id: id,
    attributes: attributes,
    listeners: listeners
  }));
};
var _default = exports["default"] = SortableItem;