wix-style-react/dist/src/Table/components/TableContent.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _defaultTo = _interopRequireDefault(require("lodash/defaultTo"));

var _DataTable = _interopRequireDefault(require("../DataTable"));

var _Table = require("../Table");

var _TableContext = require("../TableContext");

var _TableSt = require("../Table.st.css");

var _BulkSelection = require("../BulkSelection");

var _excluded = ["titleBarVisible", "dataHook"];

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

var TableContent = function TableContent(_ref) {
  var titleBarVisible = _ref.titleBarVisible,
      dataHook = _ref.dataHook,
      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  // TODO: figure out if we need to put result of createColumns() on state, in order to avoid
  // redundant renders.
  return /*#__PURE__*/_react["default"].createElement(_TableContext.TableContext.Consumer, null, function (tableProps) {
    var dataTableProps = _objectSpread(_objectSpread({}, (0, _Table.getDataTableProps)(tableProps)), {}, {
      dataHook: tableProps.withWrapper ? 'table-content' : dataHook,
      hideHeader: !titleBarVisible
    });

    return /*#__PURE__*/_react["default"].createElement("div", {
      className: (0, _TableSt.st)(_TableSt.classes.content, {
        titleBarVisible: titleBarVisible
      })
    }, tableProps.showSelection ? /*#__PURE__*/_react["default"].createElement(_BulkSelection.BulkSelectionConsumer, {
      consumerCompName: "Table.Content",
      providerCompName: "Table"
    }, function (bulkSelectionContext) {
      return /*#__PURE__*/_react["default"].createElement(_DataTable["default"], (0, _extends2["default"])({}, dataTableProps, {
        isRowSelected: function isRowSelected(rowData, rowIndex) {
          return bulkSelectionContext.isSelected((0, _defaultTo["default"])(rowData.id, rowIndex));
        },
        columns: (0, _Table.createColumns)({
          tableProps: tableProps,
          bulkSelectionContext: bulkSelectionContext
        })
      }));
    }) : /*#__PURE__*/_react["default"].createElement(_DataTable["default"], dataTableProps));
  });
};

exports.TableContent = TableContent;
TableContent.displayName = 'Table.Content';
TableContent.propTypes = {
  titleBarVisible: _propTypes["default"].bool,
  dataHook: _propTypes["default"].string
};
TableContent.defaultProps = {
  titleBarVisible: true
};