@helpscout/hsds-react/components/Table/Table.Cell.js

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.TableCell = TableCell;
exports.default = void 0;

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

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

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

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

var _lodash = _interopRequireDefault(require("lodash.get"));

var _lodash2 = _interopRequireDefault(require("lodash.isplainobject"));

var _Truncate = _interopRequireDefault(require("../Truncate"));

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

var _Table2 = require("./Table.utils");

var _lodash3 = _interopRequireDefault(require("lodash.isfunction"));

var _jsxRuntime = require("react/jsx-runtime");

function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function TableCell(_ref) {
  var column = _ref.column,
      row = _ref.row;
  var cellClassNames = (0, _Table2.generateCellClassNames)(column);

  function getCompoundColumnCellData() {
    var cellData = {};

    for (var _iterator = _createForOfIteratorHelperLoose(column.columnKey), _step; !(_step = _iterator()).done;) {
      var colKey = _step.value;
      cellData[colKey.replace(/\./g, '_')] = (0, _lodash.default)(row, colKey);
    }

    return (0, _extends2.default)({}, cellData, {
      row: row
    });
  }

  function renderCompoundColumnsCell() {
    var cellData = getCompoundColumnCellData();
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.CellUI, {
      align: column.align,
      className: cellClassNames,
      children: column.renderCell ? column.renderCell(cellData) : renderCompoundColumnCellDefaultMarkup(cellData)
    });
  }

  function renderCompoundColumnCellDefaultMarkup(cellData) {
    var row = cellData.row,
        rest = (0, _objectWithoutPropertiesLoose2.default)(cellData, ["row"]);
    return Object.values(rest).map(function (d) {
      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        children: d
      }, (0, _lodash2.default)(d) ? Object.values(d)[0].slice(4) : d.slice(4));
    });
  }

  function renderSingleColumnCell() {
    var cellContent = (0, _lodash.default)(row, column.columnKey);
    var renderCell = column.renderCell;
    var cellMarkup = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.default, {
      children: cellContent
    });

    if ((0, _lodash3.default)(renderCell)) {
      var _renderCell;

      cellMarkup = renderCell((_renderCell = {}, _renderCell[column.columnKey] = cellContent, _renderCell.row = row, _renderCell));
    }

    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Table.CellUI, {
      align: column.align,
      className: cellClassNames,
      children: cellMarkup
    });
  }

  return Array.isArray(column.columnKey) ? renderCompoundColumnsCell() : renderSingleColumnCell();
}

TableCell.propTypes = {
  column: _propTypes.default.shape(_Table2.columnShape),
  row: _propTypes.default.shape(_Table2.dataShape)
};
var _default = TableCell;
exports.default = _default;