wix-style-react
Version:
59 lines (47 loc) • 1.99 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TableTitleBar = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _DataTable = require("../DataTable");
var _Table = require("../Table");
var _TableContext = require("../TableContext");
var _BulkSelection = require("../BulkSelection");
/**
* TitleBar (aka DataTableHeader)
*/
var TableTitleBar = function TableTitleBar(_ref) {
var dataHook = _ref.dataHook;
return /*#__PURE__*/_react["default"].createElement(_TableContext.TableContext.Consumer, null, function (tableProps) {
var dataTableProps = (0, _Table.getDataTableProps)(tableProps);
if (tableProps.showSelection) {
return /*#__PURE__*/_react["default"].createElement(_BulkSelection.BulkSelectionConsumer, {
consumerCompName: "Table.TitleBar",
providerCompName: "Table"
}, function (bulkSelectionContext) {
return /*#__PURE__*/_react["default"].createElement("div", {
"data-hook": "table-title-bar"
}, /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableHeader, (0, _extends2["default"])({}, dataTableProps, {
columns: (0, _Table.createColumns)({
tableProps: tableProps,
bulkSelectionContext: bulkSelectionContext
}),
dataHook: dataHook
})));
});
} else {
return /*#__PURE__*/_react["default"].createElement("div", {
"data-hook": "table-title-bar"
}, /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableHeader, dataTableProps));
}
});
};
exports.TableTitleBar = TableTitleBar;
TableTitleBar.displayName = 'Table.TitleBar';
TableTitleBar.propTypes = {
dataHook: _propTypes["default"].string
};