@dnb/eufemia/cjs/components/table/table-accordion/TableAccordionContent.js

DNB Eufemia Design System UI Library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TableAccordionContentRow = TableAccordionContentRow;
exports.TableAccordionContentSingle = TableAccordionContentSingle;
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _useTableAnimationHandler = _interopRequireDefault(require("./useTableAnimationHandler"));
var _TableContext = require("../TableContext");
var _TableAccordionContext = require("./TableAccordionContext");
const _excluded = ["variant", "expanded", "noAnimation", "className", "children", "colSpan", "style"],
  _excluded2 = ["colSpan"];
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
function TableAccordionContent(componentProps) {
  var _React$useContext;
  const {
      variant,
      expanded = null,
      noAnimation = null,
      className,
      children,
      colSpan,
      style
    } = componentProps,
    props = _objectWithoutProperties(componentProps, _excluded);
  const tableContextAllProps = (_React$useContext = _react.default.useContext(_TableContext.TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
  const innerRef = _react.default.useRef(null);
  const trRef = _react.default.useRef(null);
  const {
    ariaLive,
    isInDOM,
    isAnimating,
    isVisibleParallax,
    firstPaintStyle
  } = (0, _useTableAnimationHandler.default)({
    innerRef,
    trRef,
    expanded,
    noAnimation
  });
  const chevronTdProps = {
    ariaLive,
    isInDOM,
    accordionMoreContentSR: tableContextAllProps === null || tableContextAllProps === void 0 ? void 0 : tableContextAllProps.accordionMoreContentSR
  };
  return _react.default.createElement("tr", _extends({
    "aria-hidden": !isInDOM,
    hidden: isInDOM ? undefined : true,
    role: isInDOM ? 'row' : undefined,
    style: _objectSpread(_objectSpread({}, firstPaintStyle), style),
    className: (0, _classnames.default)(`dnb-table__tr__accordion-content dnb-table__tr__accordion-content--${variant}`, className, isInDOM && "dnb-table__tr dnb-table__tr__accordion-content--expanded", isAnimating && 'dnb-table__tr__accordion-content--animating', isVisibleParallax && 'dnb-table__tr__accordion-content--parallax'),
    ref: trRef
  }, props), variant === 'row' && _react.default.createElement(_react.default.Fragment, null, (tableContextAllProps === null || tableContextAllProps === void 0 ? void 0 : tableContextAllProps.accordionChevronPlacement) !== 'end' && _react.default.createElement(ChevronTd, chevronTdProps), isInDOM && children, (tableContextAllProps === null || tableContextAllProps === void 0 ? void 0 : tableContextAllProps.accordionChevronPlacement) === 'end' && _react.default.createElement(ChevronTd, chevronTdProps)), variant === 'single' && _react.default.createElement(ChevronTd, _extends({}, chevronTdProps, {
    colSpan: colSpan
  }), isInDOM && _react.default.createElement("div", {
    className: "dnb-table__tr__accordion-content__inner",
    ref: innerRef
  }, _react.default.createElement("div", {
    className: "dnb-table__tr__accordion-content__inner__spacing"
  }, children))));
}
const ChevronTd = _ref => {
  let {
    children = undefined,
    colSpan = undefined,
    ariaLive,
    isInDOM,
    accordionMoreContentSR
  } = _ref;
  return _react.default.createElement("td", {
    role: isInDOM ? 'cell' : undefined,
    className: "dnb-table__td",
    colSpan: colSpan
  }, children, _react.default.createElement("span", {
    className: "dnb-sr-only"
  }, _react.default.createElement("span", {
    "aria-live": "assertive"
  }, isInDOM && ariaLive ? accordionMoreContentSR : null)));
};
function TableAccordionContentRow(props) {
  return _react.default.createElement(TableAccordionContent, _extends({
    variant: "row"
  }, props));
}
function TableAccordionContentSingle(_ref2) {
  let {
      colSpan = 100
    } = _ref2,
    props = _objectWithoutProperties(_ref2, _excluded2);
  const tableAccordionContext = _react.default.useContext(_TableAccordionContext.TableAccordionContext);
  return _react.default.createElement(TableAccordionContent, _extends({
    variant: "single",
    colSpan: (tableAccordionContext === null || tableAccordionContext === void 0 ? void 0 : tableAccordionContext.countTds) || colSpan
  }, props));
}
//# sourceMappingURL=TableAccordionContent.js.map