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

Wulper Studio Library Components CMS

import React from 'react';
import { useSortable } from '@dnd-kit/sortable';
import { Item } from '../Item';
import { useMountStatus } from '../../../../hooks';
import { jsx as _jsx } from "react/jsx-runtime";
export var SortableItem = function SortableItem(_ref) {
  var disabled = _ref.disabled,
    id = _ref.id,
    renderItem = _ref.renderItem;
  var _useSortable = useSortable({
      id: id
    }),
    setNodeRef = _useSortable.setNodeRef,
    listeners = _useSortable.listeners,
    isDragging = _useSortable.isDragging,
    isSorting = _useSortable.isSorting,
    transform = _useSortable.transform;
  var mounted = useMountStatus();
  var mountedWhileDragging = isDragging && !mounted;
  return /*#__PURE__*/_jsx(Item, {
    ref: disabled ? undefined : setNodeRef,
    dragging: isDragging,
    sorting: isSorting,
    transform: transform,
    fadeIn: mountedWhileDragging,
    listeners: listeners,
    renderItem: renderItem
  });
};