UNPKG

es-grid-template

Version:

es-grid-template

43 lines (42 loc) 1.71 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.EmptyHtmlTable = EmptyHtmlTable; var _classnames = _interopRequireDefault(require("classnames")); var _react = _interopRequireDefault(require("react")); var _colgroup = require("./colgroup"); var _styles = require("./styles"); var _rcMasterUi = require("rc-master-ui"); const DefaultEmptyContent = /*#__PURE__*/_react.default.memo(({ locale }) => /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Empty, { image: _rcMasterUi.Empty.PRESENTED_IMAGE_SIMPLE, description: locale?.table?.emptyText }))); function EmptyHtmlTable({ descriptors, isLoading, emptyCellHeight, EmptyContent = DefaultEmptyContent, locale }) { const show = !isLoading; return /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement(_colgroup.Colgroup, { descriptors: descriptors }), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", { className: (0, _classnames.default)(_styles.Classes.tableRow, 'first', 'last', 'no-hover'), "data-rowindex": 0 }, /*#__PURE__*/_react.default.createElement("td", { className: (0, _classnames.default)(_styles.Classes.tableCell, 'first', 'last'), colSpan: descriptors.length, style: { height: emptyCellHeight ?? 200 } }, show && /*#__PURE__*/_react.default.createElement("div", { className: _styles.Classes.emptyWrapper }, /*#__PURE__*/_react.default.createElement(EmptyContent, { locale: locale })))))); }