@dnb/eufemia/cjs/components/table/TableContainer.js

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TableContainerBody = TableContainerBody;
exports.TableContainerFoot = TableContainerFoot;
exports.TableContainerHead = TableContainerHead;
exports.default = TableContainer;
var _unshift = _interopRequireDefault(require("core-js-pure/stable/instance/unshift.js"));
var _push = _interopRequireDefault(require("core-js-pure/stable/instance/push.js"));
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _TableScrollView = _interopRequireDefault(require("./TableScrollView.js"));
var _SpacingUtils = require("../space/SpacingUtils.js");
var _componentHelper = require("../../shared/component-helper.js");
var _withComponentMarkers = _interopRequireDefault(require("../../shared/helpers/withComponentMarkers.js"));
var _jsxRuntime = require("react/jsx-runtime");
var _TableContainer$Head, _TableContainer$Foot;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function TableContainer(props) {
  var _content$, _content$2;
  const {
    children,
    className,
    ...rest
  } = props;
  (0, _componentHelper.validateDOMAttributes)(props, rest);
  const sectionProps = (0, _SpacingUtils.applySpacing)(props, {
    className: (0, _clsx.default)('dnb-table__container', className),
    ...rest
  });
  const ScrollView = _TableScrollView.default;
  const isArray = Array.isArray(children);
  const content = isArray ? children : [children];
  if (((_content$ = content[0]) === null || _content$ === void 0 ? void 0 : _content$.type) !== TableContainer.Head) {
    (0, _unshift.default)(content).call(content, _TableContainer$Head || (_TableContainer$Head = (0, _jsxRuntime.jsx)(TableContainer.Head, {}, "head")));
  }
  if (((_content$2 = content[2]) === null || _content$2 === void 0 ? void 0 : _content$2.type) !== TableContainer.Foot) {
    (0, _push.default)(content).call(content, _TableContainer$Foot || (_TableContainer$Foot = (0, _jsxRuntime.jsx)(TableContainer.Foot, {}, "foot")));
  }
  return (0, _jsxRuntime.jsx)("section", {
    ...sectionProps,
    children: (0, _jsxRuntime.jsx)(ScrollView, {
      children: content
    })
  });
}
function TableContainerBody(props) {
  const {
    children,
    className,
    ...rest
  } = props;
  return (0, _jsxRuntime.jsx)("div", {
    className: (0, _clsx.default)('dnb-table__container__body', className),
    ...rest,
    children: children
  });
}
function TableContainerHead(props) {
  const {
    children,
    className,
    ...rest
  } = props;
  return (0, _jsxRuntime.jsx)("div", {
    className: (0, _clsx.default)('dnb-table__container__head', className, !children && 'dnb-table__container__head--empty'),
    ...rest,
    children: children
  });
}
function TableContainerFoot(props) {
  const {
    children,
    className,
    ...rest
  } = props;
  return (0, _jsxRuntime.jsx)("div", {
    className: (0, _clsx.default)('dnb-table__container__foot', className, !children && 'dnb-table__container__foot--empty'),
    ...rest,
    children: children
  });
}
TableContainer.Body = TableContainerBody;
TableContainer.Head = TableContainerHead;
TableContainer.Foot = TableContainerFoot;
(0, _withComponentMarkers.default)(TableContainer, {
  _supportsSpacingProps: true
});
//# sourceMappingURL=TableContainer.js.map