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

DNB Eufemia Design System UI Library

import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
var _TableContainer$Head, _TableContainer$Foot;
import _unshiftInstanceProperty from "core-js-pure/stable/instance/unshift.js";
import _pushInstanceProperty from "core-js-pure/stable/instance/push.js";
import React from 'react';
import classnames from 'classnames';
import TableScrollView from "./TableScrollView.js";
import { createSpacingClasses } from "../space/SpacingUtils.js";
import { validateDOMAttributes } from "../../shared/component-helper.js";
export default function TableContainer(props) {
  var _content$, _content$2;
  const {
    children,
    className,
    ...rest
  } = props;
  const spacingClasses = createSpacingClasses(props);
  validateDOMAttributes(props, rest);
  const ScrollView = TableScrollView;
  const isArray = Array.isArray(children);
  const content = isArray ? children : [children];
  if (((_content$ = content[0]) === null || _content$ === void 0 ? void 0 : _content$.type) !== TableContainer.Head) {
    _unshiftInstanceProperty(content).call(content, _TableContainer$Head || (_TableContainer$Head = React.createElement(TableContainer.Head, {
      key: "head"
    })));
  }
  if (((_content$2 = content[2]) === null || _content$2 === void 0 ? void 0 : _content$2.type) !== TableContainer.Foot) {
    _pushInstanceProperty(content).call(content, _TableContainer$Foot || (_TableContainer$Foot = React.createElement(TableContainer.Foot, {
      key: "foot"
    })));
  }
  return React.createElement("section", _extends({
    className: classnames('dnb-table__container', className, spacingClasses)
  }, rest), React.createElement(ScrollView, null, content));
}
export function TableContainerBody(props) {
  const {
    children,
    className,
    ...rest
  } = props;
  return React.createElement("div", _extends({
    className: classnames('dnb-table__container__body', className)
  }, rest), children);
}
export function TableContainerHead(props) {
  const {
    children,
    className,
    ...rest
  } = props;
  return React.createElement("div", _extends({
    className: classnames('dnb-table__container__head', className, !children && 'dnb-table__container__head--empty')
  }, rest), children);
}
export function TableContainerFoot(props) {
  const {
    children,
    className,
    ...rest
  } = props;
  return React.createElement("div", _extends({
    className: classnames('dnb-table__container__foot', className, !children && 'dnb-table__container__foot--empty')
  }, rest), children);
}
TableContainer.Body = TableContainerBody;
TableContainer.Head = TableContainerHead;
TableContainer.Foot = TableContainerFoot;
TableContainer._supportsSpacingProps = true;
//# sourceMappingURL=TableContainer.js.map