adam-ui-beta/dist/List.js

adam ui(beta release)

"use strict";

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

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

var _lodash = require("lodash");

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _themes = require("./tools/themes");

var _fa = require("react-icons/fa");

var _ListContent = require("./common/ListContent");

var _templateObject;

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var StyledList = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width:", ";\n  border:1px solid ", ";\n  border-radius:8px ;\n  background-color: ", ";\n  .list-header {\n    padding:20px ;\n    box-sizing:border-box ;\n    font-size:18px ;\n    color: ", ";\n    border-bottom:1px solid ", ";\n    display:flex ;\n    align-items:center ;\n  }\n  .svg-FaListUl {\n    width:16px ;\n    height:16px ;\n    margin-right: 12px;\n    fill: ", ";\n  }\n  .list-datas {\n    padding:0 20px;\n    box-sizing:border-box ;\n  }\n"])), function (_ref) {
  var props = _ref.props;
  return props.width;
}, function (_ref2) {
  var props = _ref2.props;
  return props.themeColor.border;
}, function (_ref3) {
  var props = _ref3.props;
  return props.themeColor.bottom;
}, function (_ref4) {
  var props = _ref4.props;
  return props.themeColor.color;
}, function (_ref5) {
  var props = _ref5.props;
  return props.themeColor.border;
}, function (_ref6) {
  var props = _ref6.props;
  return props.themeColor.border;
});

var FetchContentType = function FetchContentType(_ref7) {
  var _ref7$index = _ref7.index,
      index = _ref7$index === void 0 ? 0 : _ref7$index,
      _ref7$theme = _ref7.theme,
      theme = _ref7$theme === void 0 ? "light" : _ref7$theme,
      _ref7$type = _ref7.type,
      type = _ref7$type === void 0 ? "" : _ref7$type,
      _ref7$value = _ref7.value,
      value = _ref7$value === void 0 ? "" : _ref7$value;

  switch (type) {
    case 'multiple':
      return /*#__PURE__*/_react.default.createElement(_ListContent.MultipleContent, {
        index: index,
        theme: theme,
        value: value
      });

    default:
      return /*#__PURE__*/_react.default.createElement(_ListContent.SingleContent, {
        index: index,
        theme: theme,
        value: value
      });
  }
};

var List = function List(_ref8) {
  var _ref8$theme = _ref8.theme,
      theme = _ref8$theme === void 0 ? 'light' : _ref8$theme,
      _ref8$header = _ref8.header,
      header = _ref8$header === void 0 ? 'header' : _ref8$header,
      _ref8$dataType = _ref8.dataType,
      dataType = _ref8$dataType === void 0 ? 'single' : _ref8$dataType,
      _ref8$data = _ref8.data,
      data = _ref8$data === void 0 ? [] : _ref8$data,
      _ref8$width = _ref8.width,
      width = _ref8$width === void 0 ? '600px' : _ref8$width,
      _ref8$onClick = _ref8.onClick,
      _onClick = _ref8$onClick === void 0 ? _lodash.noop : _ref8$onClick;

  return /*#__PURE__*/_react.default.createElement(StyledList, {
    props: {
      themeColor: _themes.themes[theme] || _themes.themes,
      width: width
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "list-header"
  }, /*#__PURE__*/_react.default.createElement(_fa.FaListUl, {
    className: "svg-FaListUl"
  }), /*#__PURE__*/_react.default.createElement("span", null, header)), /*#__PURE__*/_react.default.createElement("div", {
    className: "list-datas"
  }, data.map(function (val, key) {
    return /*#__PURE__*/_react.default.createElement("div", {
      key: key,
      onClick: function onClick() {
        return _onClick(val);
      }
    }, /*#__PURE__*/_react.default.createElement(FetchContentType, {
      index: key,
      theme: theme,
      type: dataType,
      value: val
    }));
  })));
};

exports.List = List;