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

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Tr;
exports.useHandleOddEven = useHandleOddEven;
var _react = require("react");
var _clsx = _interopRequireDefault(require("clsx"));
var _TableAccordionHead = require("./table-accordion/TableAccordionHead.js");
var _TableNavigationHead = require("./table-navigation/TableNavigationHead.js");
var _TableAccordionContent = require("./table-accordion/TableAccordionContent.js");
var _TableContext = require("./TableContext.js");
var _TableTrContext = require("./TableTrContext.js");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function Tr(componentProps) {
  var _tableContext$allProp, _tableContext$allProp2;
  const {
    variant,
    noWrap,
    verticalAlign,
    highlight,
    className: _className,
    ...restProps
  } = componentProps;
  const {
    currentVariant,
    isLast,
    count
  } = useHandleTrVariant({
    variant
  });
  const className = (0, _clsx.default)('dnb-table__tr', _className, currentVariant && `dnb-table__tr--${currentVariant}`, isLast && 'dnb-table__tr--last', noWrap && 'dnb-table--no-wrap', verticalAlign && `dnb-table__tr--vertical-align-${verticalAlign}`);
  const tableContext = (0, _react.useContext)(_TableContext.TableContext);
  const trContext = highlight ? {
    highlight
  } : null;
  if ((tableContext === null || tableContext === void 0 || (_tableContext$allProp = tableContext.allProps) === null || _tableContext$allProp === void 0 ? void 0 : _tableContext$allProp.mode) == 'accordion') {
    return (0, _jsxRuntime.jsx)(_TableTrContext.TableTrContext, {
      value: trContext,
      children: (0, _jsxRuntime.jsx)(_TableAccordionHead.TableAccordionHead, {
        count: count,
        className: className,
        ...restProps
      })
    });
  }
  if ((tableContext === null || tableContext === void 0 || (_tableContext$allProp2 = tableContext.allProps) === null || _tableContext$allProp2 === void 0 ? void 0 : _tableContext$allProp2.mode) === 'navigation') {
    return (0, _jsxRuntime.jsx)(_TableTrContext.TableTrContext, {
      value: trContext,
      children: (0, _jsxRuntime.jsx)(_TableNavigationHead.TableNavigationHead, {
        className: className,
        ...restProps
      })
    });
  }
  const {
    expanded,
    disabled,
    noAnimation,
    keepInDOM,
    onClick,
    onOpen,
    onClose,
    ...trProps
  } = restProps;
  return (0, _jsxRuntime.jsx)(_TableTrContext.TableTrContext, {
    value: trContext,
    children: (0, _jsxRuntime.jsx)("tr", {
      role: "row",
      className: className,
      ...trProps
    })
  });
}
function useHandleTrVariant({
  variant
}) {
  const tableContext = (0, _react.useContext)(_TableContext.TableContext);
  const countRef = tableContext === null || tableContext === void 0 ? void 0 : tableContext.trCountRef.current;
  const lastRenderAliasRef = (0, _react.useRef)(null);
  const hasIncrementedRef = (0, _react.useRef)(false);
  const increment = (0, _react.useCallback)(() => {
    if (typeof countRef === 'undefined') {
      return 0;
    }
    if (!variant || variant === 'even' && countRef.count % 2 === 1 || variant === 'odd' && countRef.count % 2 === 0) {
      countRef.count++;
    }
    return countRef.count;
  }, [countRef, variant]);
  const [count, setCount] = (0, _react.useState)(() => {
    if (hasIncrementedRef.current) {
      var _countRef$count;
      return (_countRef$count = countRef === null || countRef === void 0 ? void 0 : countRef.count) !== null && _countRef$count !== void 0 ? _countRef$count : 0;
    }
    hasIncrementedRef.current = true;
    return increment();
  });
  (0, _react.useEffect)(() => {
    if (lastRenderAliasRef.current === null) {
      lastRenderAliasRef.current = tableContext === null || tableContext === void 0 ? void 0 : tableContext.rerenderAlias;
      return;
    }
    if (lastRenderAliasRef.current !== (tableContext === null || tableContext === void 0 ? void 0 : tableContext.rerenderAlias)) {
      lastRenderAliasRef.current = tableContext === null || tableContext === void 0 ? void 0 : tableContext.rerenderAlias;
      hasIncrementedRef.current = false;
    }
    if (!hasIncrementedRef.current) {
      hasIncrementedRef.current = true;
      setCount(increment());
    }
  }, [tableContext === null || tableContext === void 0 ? void 0 : tableContext.rerenderAlias, increment]);
  let currentVariant = variant;
  if (!currentVariant) {
    currentVariant = count % 2 ? 'odd' : 'even';
  }
  const isLast = typeof countRef !== 'undefined' && countRef.count === count;
  return {
    currentVariant,
    isLast,
    count
  };
}
function useHandleOddEven({
  children
}) {
  const trCountRef = (0, _react.useRef)({
    count: 0
  });
  const [rerenderAlias, setRerenderAlias] = (0, _react.useState)({});
  const forceRerender = (0, _react.useCallback)(() => {
    trCountRef.current.count = 0;
    setRerenderAlias({});
  }, []);
  const isMounted = (0, _react.useRef)(false);
  (0, _react.useEffect)(() => {
    if (isMounted.current) {
      forceRerender();
    }
    isMounted.current = true;
  }, [children, forceRerender]);
  return {
    trCountRef,
    rerenderAlias,
    setRerenderAlias
  };
}
Tr.AccordionContent = _TableAccordionContent.TableAccordionContentRow;
//# sourceMappingURL=TableTr.js.map