@e-group/material-module/SurveyCharts/ResponseContentList/ResponseContentList.js

EGroup Team react component modules.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

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

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

var _core = require("@material-ui/core");

var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));

var _ArrowDropUp = _interopRequireDefault(require("@material-ui/icons/ArrowDropUp"));

const ResponseContentList = ({
  data
}) => {
  const _useState = (0, _react.useState)(false),
        _useState2 = (0, _slicedToArray2.default)(_useState, 2),
        open = _useState2[0],
        setOpen = _useState2[1];

  if (!data) {
    return null;
  }

  const renderContent = () => {
    if (data.length > 10) {
      const EndIcon = open ? _ArrowDropUp.default : _ArrowDropDown.default;
      const sliceData = open ? data : data.slice(0, 9);
      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sliceData.map((el, index) =>
      /*#__PURE__*/
      // eslint-disable-next-line react/no-array-index-key
      _react.default.createElement(_core.TableRow, {
        key: index
      }, /*#__PURE__*/_react.default.createElement(_core.TableCell, null, "".concat(el.responseContent, " (").concat(el.responseContentCount, ")")))), /*#__PURE__*/_react.default.createElement(_core.TableRow, null, /*#__PURE__*/_react.default.createElement("div", {
        style: {
          display: 'flex'
        }
      }, /*#__PURE__*/_react.default.createElement(_core.Button, {
        fullWidth: true,
        endIcon: /*#__PURE__*/_react.default.createElement(EndIcon, null),
        onClick: () => {
          setOpen(open => !open);
        }
      }, open ? '查看部分' : '查看全部'))));
    }

    return data.map(el => /*#__PURE__*/_react.default.createElement(_core.TableRow, {
      key: "".concat(el.responseContent).concat(el.responseContentCount)
    }, /*#__PURE__*/_react.default.createElement(_core.TableCell, null, "".concat(el.responseContent, " (").concat(el.responseContentCount, ")"))));
  };

  return /*#__PURE__*/_react.default.createElement(_core.Table, null, /*#__PURE__*/_react.default.createElement(_core.TableBody, null, renderContent()));
};

var _default = ResponseContentList;
exports.default = _default;