@atlaskit/table-tree

Version:
A table tree is an expandable table for showing nested hierarchies of information.
36 lines (34 loc) • 1.79 kB
JavaScript
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _commonCell = _interopRequireDefault(require("./internal/common-cell"));
var _overflowContainer = _interopRequireDefault(require("./internal/overflow-container"));
var _withColumnWidth = _interopRequireDefault(require("./internal/with-column-width"));
var _excluded = ["children", "singleLine", "indentLevel", "width", "className"];
var CellComponent = function CellComponent(_ref) {
  var children = _ref.children,
    singleLine = _ref.singleLine,
    indentLevel = _ref.indentLevel,
    width = _ref.width,
    className = _ref.className,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  return /*#__PURE__*/_react.default.createElement(_commonCell.default, (0, _extends2.default)({
    indent: indentLevel ? "calc(".concat("var(--ds-space-300, 24px)", " * ", indentLevel, ")") : undefined,
    width: width
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
    ,
    className: className
    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
  }, props), /*#__PURE__*/_react.default.createElement(_overflowContainer.default, {
    isSingleLine: singleLine
  }, children));
};
var Cell = (0, _withColumnWidth.default)(CellComponent);

// eslint-disable-next-line @repo/internal/react/require-jsdoc
var _default = exports.default = Cell;