@makeen.io/material-ui-kit/distr/molecules/WidgetList/index.js

Makeen UI components kit. Based on material-ui.

import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject3() {var data = _taggedTemplateLiteral(["\n  & {\n    min-height: 450px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .no-records {\n      font-size: 15px;\n      color: ", ";\n    }\n  }\n"]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteral(["\n  flex: 1;\n  font-size: 15px;\n  color: ", ";\n\n  &.right {\n    text-align: right;\n  }\n"]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteral(["\n  & {\n    height: 56px;\n    border-bottom: 1px solid #edf1f7;\n    display: flex;\n    align-items: center;\n    padding: 0 24px;\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import { WidgetCard } from "../../atoms";
import _ from "lodash";
import styled from "styled-components";
var clsPrefix = "widget-list";
var WidgetListItemWrapper = styled.div(_templateObject());








var WidgetListItemColWrapper = styled.div(_templateObject2(),


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





var WidgetListItem = function WidgetListItem(_ref) {var columns = _ref.columns,item = _ref.item;return /*#__PURE__*/React.createElement(WidgetListItemWrapper, null, _.map(columns, function (_ref2, index) {var key = _ref2.name,alignment = _ref2.alignment;return /*#__PURE__*/React.createElement(WidgetListItemColWrapper, { key: String(index), className: "".concat(clsPrefix, "-item-col ").concat(alignment) }, item[key]);}));};
var WidgetListNoRecordWrapper = styled.div(_templateObject3(),








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



export default (function (_ref3) {var data = _ref3.data,title = _ref3.title,actions = _ref3.actions,columns = _ref3.columns,props = _objectWithoutProperties(_ref3, ["data", "title", "actions", "columns"]);return /*#__PURE__*/React.createElement(WidgetCard, { title: title, actions: actions },
  _.map(data, function (item, index) {return /*#__PURE__*/React.createElement(WidgetListItem, { key: String(index), item: item, columns: columns });}), /*#__PURE__*/
  React.createElement(WidgetListNoRecordWrapper, null, !data.length && /*#__PURE__*/React.createElement("div", { className: "no-records" }, props.noData)));});
//# sourceMappingURL=index.js.map