@massds/mayflower-react/dist/UnorderedList/index.js

React versions of Mayflower design system UI components

"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
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); } /**
 * UnorderedList module.
 * @module @massds/mayflower-react/UnorderedList
 */
var UnorderedList = function UnorderedList(props) {
  return _subList(props);
};
UnorderedList.propTypes = {
  /** The text displayed. */
  sublist: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    text: _propTypes["default"].string.isRequired,
    sublist: _propTypes["default"].arrayOf(_propTypes["default"].shape({
      text: _propTypes["default"].string.isRequired
    }))
  }))
};
UnorderedList.defaultProps = {
  sublist: [{
    text: 'This is a list item in an unordered list'
  }, {
    text: 'An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.'
  }, {
    text: 'Lists can be nested inside of each other',
    sublist: [{
      text: 'This is a nested list item'
    }, {
      text: 'This is another nested list item in an unordered list'
    }]
  }, {
    text: 'This is the last list item'
  }]
};
var listItem = function listItem(props, itemIndex, ulIndex) {
  var raw = {
    __html: props.text
  };
  var key = "li." + ulIndex + "." + itemIndex;
  /* eslint-disable-next-line react/no-danger */
  return /*#__PURE__*/_react["default"].createElement("li", {
    key: key,
    dangerouslySetInnerHTML: raw
  });
};
listItem.propTypes = process.env.NODE_ENV !== "production" ? {
  text: _propTypes["default"].string
} : {};
var _subList = function subList(props) {
  var newProps = _extends({}, props);
  if (!Object.prototype.hasOwnProperty.call(newProps, 'ulIndex')) {
    newProps.ulIndex = 0;
  }
  var ulId = "ul." + newProps.ulIndex;
  newProps.ulIndex += 1;
  var list = newProps.sublist;
  return /*#__PURE__*/_react["default"].createElement("ul", {
    key: ulId
  }, list && list.map(function (item, itemIndex) {
    if (item.sublist) {
      var subitem = [listItem(item, itemIndex, ulId)];
      subitem.push(_subList(item));
      return subitem;
    }
    return listItem(item, itemIndex, ulId);
  }));
};
var _default = exports["default"] = UnorderedList;
module.exports = exports.default;