@makeen.io/material-ui-kit/distr/atoms/ListView/index.js

Makeen UI components kit. Based on material-ui.

import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";import _extends from "@babel/runtime/helpers/extends";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject5() {var data = _taggedTemplateLiteral(["\n  flex: ", ";\n  font-size: 12px;\n  display: flex;\n  justify-content: ", ";\n"]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteral(["\n  flex: ", ";\n  font-size: 12px;\n  color: ", ";\n  display: flex;\n  justify-content: ", ";\n"]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #f7f9fc;\n  padding: 10px;\n  height: 48px;\n"]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  background: #f7f9fc;\n  padding: 10px;\n"]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteral(["\n  ", ";\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import _ from "lodash";
import styled from "styled-components";
var ListViewWrapper = styled.div(_templateObject(),
function (props) {return props.customStyle && props.customStyle(props);});

var ListViewHeaderWrapper = styled.header(_templateObject2());





var ListViewRowWrapper = styled.div(_templateObject3());






var HeaderColumnWrapper = styled.div(_templateObject4(),
function (props) {return props.flex || 1;},

function (props) {return props.theme.palette.text.secondary;},

function (props) {
  switch (props.alignment) {
    case "left":
      return "flex-start";
    case "right":
      return "flex-end";
    case "center":
      return "center";
    default:
      return "center";}

});

var HeaderColumn = function HeaderColumn(props) {return /*#__PURE__*/React.createElement(HeaderColumnWrapper, _extends({}, props), props.label);};
var CellColumnWrapper = styled.div(_templateObject5(),
function (props) {return props.flex || 1;},


function (props) {
  switch (props.alignment) {
    case "left":
      return "flex-start";
    case "right":
      return "flex-end";
    case "center":
      return "center";
    default:
      return "center";}

});

var CellColumn = function CellColumn(props) {return /*#__PURE__*/React.createElement(CellColumnWrapper, _extends({}, props), props.Cell ? props.Cell(props) : props.value);};
export default (function (_ref) {var customStyle = _ref.customStyle,columns = _ref.columns,data = _ref.data;return /*#__PURE__*/React.createElement(ListViewWrapper, { customStyle: customStyle }, /*#__PURE__*/
  React.createElement(ListViewHeaderWrapper, null, _.map(columns, function (column, index) {return /*#__PURE__*/React.createElement(HeaderColumn, _extends({}, column, { colType: "header", key: String(index) }));})),
  _.map(data, function (item, rowIndex) {return /*#__PURE__*/React.createElement(ListViewRowWrapper, { key: String(rowIndex) }, _.map(columns, function (_ref2, columnIndex) {var accessor = _ref2.accessor,column = _objectWithoutProperties(_ref2, ["accessor"]);return /*#__PURE__*/React.createElement(CellColumn, _extends({}, column, { colType: "row", rowData: item, key: String(columnIndex), value: _.get(item, accessor) }));}));}));});
//# sourceMappingURL=index.js.map