@helpscout/hsds-react/components/Sortable/Sortable.List.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

var _react = _interopRequireDefault(require("react"));

var _getValidProps = _interopRequireDefault(require("@helpscout/react-utils/dist/getValidProps"));

var _reactSortableHoc = require("react-sortable-hoc");

var _classnames = _interopRequireDefault(require("classnames"));

var _jsxRuntime = require("react/jsx-runtime");

var SortableList = (0, _reactSortableHoc.SortableContainer)(function (props) {
  var className = props.className,
      useDragHandle = props.dragHandle,
      hideDragHandles = props.hideDragHandles,
      items = props.items,
      sortable = props.sortable,
      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "dragHandle", "hideDragHandles", "items", "sortable"]);
  var componentClassName = (0, _classnames.default)('c-SortableList', className);
  var itemsMarkup = items ? items.map(function (item, index) {
    var _item$props = item.props,
        itemIndex = _item$props.index,
        itemRest = (0, _objectWithoutPropertiesLoose2.default)(_item$props, ["index"]);
    return /*#__PURE__*/_react.default.cloneElement(item, (0, _extends2.default)({
      index: index,
      useDragHandle: useDragHandle,
      hideDragHandles: hideDragHandles
    }, itemRest));
  }) : null;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2.default)({}, (0, _getValidProps.default)(rest), {
    className: componentClassName,
    children: itemsMarkup
  }));
});
var _default = SortableList;
exports.default = _default;