@dnb/eufemia 10.34.1 → 10.36.0

package/cjs/components/table/TableTd.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import TableAccordionTd from './TableAccordionTd';
+import { TableAccordionContentSingle } from './table-accordion/TableAccordionContent';
 export type TableTdProps = {
     /**
      * if set to `true`, no padding will be added
@@ -8,7 +8,7 @@ export type TableTdProps = {
     noSpacing?: boolean;
     /**
      * Set to `horizontal` for padding on left and right side
-     * Default: false
+     * Default: undefined
      */
     spacing?: 'horizontal';
     /**
@@ -19,6 +19,6 @@ export type TableTdProps = {
 };
 declare function Td(componentProps: TableTdProps & React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace Td {
-    var AccordionContent: typeof TableAccordionTd;
+    var AccordionContent: typeof TableAccordionContentSingle;
 }
 export default Td;

package/cjs/components/table/TableTd.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Td;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _TableAccordionTd = _interopRequireDefault(require("./TableAccordionTd"));
+var _TableAccordionContent = require("./table-accordion/TableAccordionContent");
 const _excluded = ["className", "children", "noSpacing", "spacing"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -25,5 +25,5 @@ function Td(componentProps) {
     className: (0, _classnames.default)('dnb-table__td', className, noSpacing && 'dnb-table__td--no-spacing', spacing && `dnb-table__td--spacing-${spacing}`)
   }, props), children);
 }
-Td.AccordionContent = _TableAccordionTd.default;
+Td.AccordionContent = _TableAccordionContent.TableAccordionContentSingle;
 //# sourceMappingURL=TableTd.js.map

package/cjs/components/table/TableTd.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTd.js","names":["_react","_interopRequireDefault","require","_classnames","_TableAccordionTd","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Td","componentProps","className","children","noSpacing","spacing","props","createElement","role","classnames","AccordionContent","TableAccordionTd"],"sources":["../../../../src/components/table/TableTd.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport TableAccordionTd from './TableAccordionTd'\n\nexport type TableTdProps = {\n  /**\n   * if set to `true`, no padding will be added\n   * Default: false\n   */\n  noSpacing?: boolean\n\n  /**\n   * Set to `horizontal` for padding on left and right side\n   * Default: false\n   */\n  spacing?: 'horizontal'\n\n  /**\n   * The content of the component.\n   * Default: null\n   */\n  children?: React.ReactNode\n}\n\nexport default function Td(\n  componentProps: TableTdProps &\n    React.TdHTMLAttributes<HTMLTableCellElement>\n) {\n  const { className, children, noSpacing, spacing, ...props } =\n    componentProps\n\n  return (\n    <td\n      role=\"cell\"\n      className={classnames(\n        'dnb-table__td',\n        noSpacing && 'dnb-table__td--no-spacing',\n        spacing && `dnb-table__td--spacing-${spacing}`,\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </td>\n  )\n}\n\nTd.AccordionContent = TableAccordionTd\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAiD,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAsBlC,SAASmB,EAAEA,CACxBC,cAC8C,EAC9C;EACA,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GACzDJ,cAAc;IADoCK,KAAK,GAAAf,wBAAA,CACvDU,cAAc,EAAA5B,SAAA;EAEhB,OACEL,MAAA,CAAAQ,OAAA,CAAA+B,aAAA,OAAA9B,QAAA;IACE+B,IAAI,EAAC,MAAM;IACXN,SAAS,EAAE,IAAAO,mBAAU,EACnB,eAAe,EAGfP,SAAS,EAFTE,SAAS,IAAI,2BAA2B,EACxCC,OAAO,IAAK,0BAAyBA,OAAQ,EAE/C;EAAE,GACEC,KAAK,GAERH,QACC,CAAC;AAET;AAEAH,EAAE,CAACU,gBAAgB,GAAGC,yBAAgB"}
+{"version":3,"file":"TableTd.js","names":["_react","_interopRequireDefault","require","_classnames","_TableAccordionContent","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Td","componentProps","className","children","noSpacing","spacing","props","createElement","role","classnames","AccordionContent","TableAccordionContentSingle"],"sources":["../../../../src/components/table/TableTd.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { TableAccordionContentSingle } from './table-accordion/TableAccordionContent'\n\nexport type TableTdProps = {\n  /**\n   * if set to `true`, no padding will be added\n   * Default: false\n   */\n  noSpacing?: boolean\n\n  /**\n   * Set to `horizontal` for padding on left and right side\n   * Default: undefined\n   */\n  spacing?: 'horizontal'\n\n  /**\n   * The content of the component.\n   * Default: null\n   */\n  children?: React.ReactNode\n}\n\nexport default function Td(\n  componentProps: TableTdProps &\n    React.TdHTMLAttributes<HTMLTableCellElement>\n) {\n  const { className, children, noSpacing, spacing, ...props } =\n    componentProps\n\n  return (\n    <td\n      role=\"cell\"\n      className={classnames(\n        'dnb-table__td',\n        noSpacing && 'dnb-table__td--no-spacing',\n        spacing && `dnb-table__td--spacing-${spacing}`,\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </td>\n  )\n}\n\nTd.AccordionContent = TableAccordionContentSingle\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAqF,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAsBtE,SAASmB,EAAEA,CACxBC,cAC8C,EAC9C;EACA,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GACzDJ,cAAc;IADoCK,KAAK,GAAAf,wBAAA,CACvDU,cAAc,EAAA5B,SAAA;EAEhB,OACEL,MAAA,CAAAQ,OAAA,CAAA+B,aAAA,OAAA9B,QAAA;IACE+B,IAAI,EAAC,MAAM;IACXN,SAAS,EAAE,IAAAO,mBAAU,EACnB,eAAe,EAGfP,SAAS,EAFTE,SAAS,IAAI,2BAA2B,EACxCC,OAAO,IAAK,0BAAyBA,OAAQ,EAE/C;EAAE,GACEC,KAAK,GAERH,QACC,CAAC;AAET;AAEAH,EAAE,CAACU,gBAAgB,GAAGC,kDAA2B"}

package/cjs/components/table/TableTr.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import TableAccordionTr from './TableAccordionTr';
+import { TableAccordionContentRow } from './table-accordion/TableAccordionContent';
 export type TableTrProps = {
     /**
      * The variant of the tr
@@ -32,17 +32,21 @@ export type TableTrProps = {
      * Will emit when user clicks/expands the table row
      * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
      */
-    onClick?: (event?: React.SyntheticEvent) => void;
+    onClick?: (event: React.SyntheticEvent) => void;
     /**
      * Will emit when table row is expanded
      * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
      */
-    onOpened?: (event?: React.SyntheticEvent) => void;
+    onOpened?: ({ target }: {
+        target: HTMLTableRowElement;
+    }) => void;
     /**
      * Will emit when table row is closed (after it was open)
      * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table
      */
-    onClosed?: (event?: React.SyntheticEvent) => void;
+    onClosed?: ({ target }: {
+        target: HTMLTableRowElement;
+    }) => void;
     /**
      * The content of the component.
      */
@@ -50,7 +54,7 @@ export type TableTrProps = {
 };
 declare function Tr(componentProps: TableTrProps & React.TableHTMLAttributes<HTMLTableRowElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace Tr {
-    var AccordionContent: typeof TableAccordionTr;
+    var AccordionContent: typeof TableAccordionContentRow;
 }
 export default Tr;
 /**

package/cjs/components/table/TableTr.js

@@ -7,53 +7,51 @@ exports.default = Tr;
 exports.useHandleOddEven = useHandleOddEven;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _TableAccordion = require("./TableAccordion");
+var _TableAccordionHead = require("./table-accordion/TableAccordionHead");
+var _TableAccordionContent = require("./table-accordion/TableAccordionContent");
 var _TableContext = require("./TableContext");
-var _TableAccordionTr = _interopRequireDefault(require("./TableAccordionTr"));
-const _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "onClick", "onOpened", "onClosed", "children", "className"];
+const _excluded = ["variant", "noWrap", "className"],
+  _excluded2 = ["expanded", "disabled", "noAnimation", "onClick", "onOpened", "onClosed"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function Tr(componentProps) {
+  var _tableContext$allProp;
   const {
       variant,
       noWrap,
-      expanded,
-      disabled,
-      noAnimation,
-      onClick,
-      onOpened,
-      onClosed,
-      children,
       className: _className
     } = componentProps,
-    props = _objectWithoutProperties(componentProps, _excluded);
+    accordionProps = _objectWithoutProperties(componentProps, _excluded);
   const {
     currentVariant,
-    isLast
+    isLast,
+    count
   } = useHandleTrVariant({
     variant
   });
   const className = (0, _classnames.default)('dnb-table__tr', _className, currentVariant && `dnb-table__tr--${currentVariant}`, isLast && 'dnb-table__tr--last', noWrap && 'dnb-table--no-wrap');
-  const accordionTr = (0, _TableAccordion.useTableAccordion)({
-    className,
-    children,
-    props,
-    expanded,
-    disabled,
-    noAnimation,
-    onClick,
-    onOpened,
-    onClosed
-  });
-  if (accordionTr) {
-    return accordionTr;
+  const tableContext = _react.default.useContext(_TableContext.TableContext);
+  if (tableContext !== null && tableContext !== void 0 && (_tableContext$allProp = tableContext.allProps) !== null && _tableContext$allProp !== void 0 && _tableContext$allProp.accordion) {
+    return _react.default.createElement(_TableAccordionHead.TableAccordionHead, _extends({
+      count: count,
+      className: className
+    }, accordionProps));
   }
+  const {
+      expanded,
+      disabled,
+      noAnimation,
+      onClick,
+      onOpened,
+      onClosed
+    } = accordionProps,
+    trProps = _objectWithoutProperties(accordionProps, _excluded2);
   return _react.default.createElement("tr", _extends({
     role: "row",
     className: className
-  }, props), children);
+  }, trProps));
 }
 function useHandleTrVariant(_ref) {
   let {
@@ -85,7 +83,8 @@ function useHandleTrVariant(_ref) {
   const isLast = typeof countRef !== 'undefined' && countRef.count === count;
   return {
     currentVariant,
-    isLast
+    isLast,
+    count
   };
 }
 function useHandleOddEven(_ref2) {
@@ -113,5 +112,5 @@ function useHandleOddEven(_ref2) {
     setRerenderAlias({});
   }
 }
-Tr.AccordionContent = _TableAccordionTr.default;
+Tr.AccordionContent = _TableAccordionContent.TableAccordionContentRow;
 //# sourceMappingURL=TableTr.js.map

package/cjs/components/table/TableTr.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTr.js","names":["_react","_interopRequireDefault","require","_classnames","_TableAccordion","_TableContext","_TableAccordionTr","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Tr","componentProps","variant","noWrap","expanded","disabled","noAnimation","onClick","onOpened","onClosed","children","className","_className","props","currentVariant","isLast","useHandleTrVariant","classnames","accordionTr","useTableAccordion","createElement","role","_ref","tableContext","React","useContext","TableContext","countRef","trCountRef","current","increment","count","setCount","useState","window","useEffect","rerenderAlias","useHandleOddEven","_ref2","useRef","setRerenderAlias","isMounted","forceRerender","AccordionContent","TableAccordionTr"],"sources":["../../../../src/components/table/TableTr.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { useTableAccordion } from './TableAccordion'\nimport { TableContext } from './TableContext'\nimport TableAccordionTr from './TableAccordionTr'\n\nexport type TableTrProps = {\n  /**\n   * The variant of the tr\n   */\n  variant?: 'even' | 'odd'\n\n  /**\n   * If set to true, the inherited header text will not wrap to new lines\n   * Default: false\n   */\n  noWrap?: boolean\n\n  /**\n   * Set true to render the tr initially as expanded\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   * Default: false\n   */\n  expanded?: boolean\n\n  /**\n   * Set true to disable the tr to be accessible as an interactive element\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   * Default: false\n   */\n  disabled?: boolean\n\n  /**\n   * Set to true to skip animation\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   * Default: false\n   */\n  noAnimation?: boolean\n\n  /**\n   * Will emit when user clicks/expands the table row\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   */\n  onClick?: (event?: React.SyntheticEvent) => void\n\n  /**\n   * Will emit when table row is expanded\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   */\n  onOpened?: (event?: React.SyntheticEvent) => void\n\n  /**\n   * Will emit when table row is closed (after it was open)\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   */\n  onClosed?: (event?: React.SyntheticEvent) => void\n\n  /**\n   * The content of the component.\n   */\n  children: React.ReactNode\n}\n\nexport default function Tr(\n  componentProps: TableTrProps &\n    React.TableHTMLAttributes<HTMLTableRowElement>\n) {\n  const {\n    variant,\n    noWrap,\n    expanded,\n    disabled,\n    noAnimation,\n    onClick,\n    onOpened,\n    onClosed,\n    children,\n    className: _className,\n    ...props\n  } = componentProps\n\n  const { currentVariant, isLast } = useHandleTrVariant({\n    variant,\n  })\n\n  const className = classnames(\n    'dnb-table__tr',\n    currentVariant && `dnb-table__tr--${currentVariant}`,\n    isLast && 'dnb-table__tr--last',\n    noWrap && 'dnb-table--no-wrap',\n    _className\n  )\n\n  const accordionTr = useTableAccordion({\n    className,\n    children,\n    props,\n    expanded,\n    disabled,\n    noAnimation,\n    onClick,\n    onOpened,\n    onClosed,\n  })\n\n  if (accordionTr) {\n    return accordionTr\n  }\n\n  return (\n    <tr role=\"row\" className={className} {...props}>\n      {children}\n    </tr>\n  )\n}\n\nfunction useHandleTrVariant({ variant }) {\n  const tableContext = React.useContext(TableContext)\n\n  /**\n   * Handle odd/even\n   */\n  const countRef = tableContext?.trCountRef.current\n  const increment = () => {\n    if (typeof countRef === 'undefined') {\n      return 0\n    }\n    if (\n      !variant ||\n      (variant === 'even' && countRef.count % 2 === 1) ||\n      (variant === 'odd' && countRef.count % 2 === 0)\n    ) {\n      countRef.count++\n    }\n\n    return countRef.count\n  }\n\n  const [count, setCount] = React.useState(() => {\n    // SSR Support\n    if (typeof window === 'undefined') {\n      return increment()\n    }\n  })\n\n  // StrictMode support\n  React.useEffect(() => {\n    // SSR will not execute useEffect\n    setCount(increment())\n  }, [tableContext?.rerenderAlias]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  /**\n   * Find out the current odd/even when \"accordionContent\" is used.\n   * Because we have now an additional \"tr\" element.\n   * Then the CSS can't figure out the correct nth element (nth-of-type)\n   * and we need to set it manually (nth-child and nth-of-type do not respect classes, so we can't ignore this one).\n   */\n  let currentVariant = variant\n  if (!currentVariant) {\n    currentVariant = count % 2 ? 'odd' : 'even'\n  }\n  const isLast =\n    typeof countRef !== 'undefined' && countRef.count === count\n  return {\n    currentVariant,\n    isLast,\n  }\n}\n\n/**\n * Handle odd/even on re-render and React.StrictMode\n */\nexport function useHandleOddEven({ children }) {\n  // Create this ref in order to \"auto\" set even/odd class in tr elements\n  const trCountRef = React.useRef({ count: 0 })\n\n  // When the alias changes, all tr's will rerender and get a new even/odd color\n  // This is useful, when one tr gets removed\n  const [rerenderAlias, setRerenderAlias] = React.useState({}) // eslint-disable-line no-unused-vars\n\n  const isMounted = React.useRef(false)\n  React.useEffect(() => {\n    if (isMounted.current) {\n      forceRerender()\n    }\n    isMounted.current = true\n  }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return { trCountRef, rerenderAlias, setRerenderAlias }\n\n  function forceRerender() {\n    trCountRef.current.count = 0\n    setRerenderAlias({})\n  }\n}\n\nTr.AccordionContent = TableAccordionTr\n"],"mappings":"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"}
+{"version":3,"file":"TableTr.js","names":["_react","_interopRequireDefault","require","_classnames","_TableAccordionHead","_TableAccordionContent","_TableContext","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Tr","componentProps","_tableContext$allProp","variant","noWrap","className","_className","accordionProps","currentVariant","isLast","count","useHandleTrVariant","classnames","tableContext","React","useContext","TableContext","allProps","accordion","createElement","TableAccordionHead","expanded","disabled","noAnimation","onClick","onOpened","onClosed","trProps","role","_ref","countRef","trCountRef","current","increment","setCount","useState","window","useEffect","rerenderAlias","useHandleOddEven","_ref2","children","useRef","setRerenderAlias","isMounted","forceRerender","AccordionContent","TableAccordionContentRow"],"sources":["../../../../src/components/table/TableTr.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { TableAccordionHead } from './table-accordion/TableAccordionHead'\nimport { TableAccordionContentRow } from './table-accordion/TableAccordionContent'\nimport { TableContext } from './TableContext'\n\nexport type TableTrProps = {\n  /**\n   * The variant of the tr\n   */\n  variant?: 'even' | 'odd'\n\n  /**\n   * If set to true, the inherited header text will not wrap to new lines\n   * Default: false\n   */\n  noWrap?: boolean\n\n  /**\n   * Set true to render the tr initially as expanded\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   * Default: false\n   */\n  expanded?: boolean\n\n  /**\n   * Set true to disable the tr to be accessible as an interactive element\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   * Default: false\n   */\n  disabled?: boolean\n\n  /**\n   * Set to true to skip animation\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   * Default: false\n   */\n  noAnimation?: boolean\n\n  /**\n   * Will emit when user clicks/expands the table row\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   */\n  onClick?: (event: React.SyntheticEvent) => void\n\n  /**\n   * Will emit when table row is expanded\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   */\n  onOpened?: ({ target }: { target: HTMLTableRowElement }) => void\n\n  /**\n   * Will emit when table row is closed (after it was open)\n   * Is part of the accordion feature and needs to be enabled with `accordion` prop in main Table\n   */\n  onClosed?: ({ target }: { target: HTMLTableRowElement }) => void\n\n  /**\n   * The content of the component.\n   */\n  children: React.ReactNode\n}\n\nexport default function Tr(\n  componentProps: TableTrProps &\n    React.TableHTMLAttributes<HTMLTableRowElement>\n) {\n  const {\n    variant,\n    noWrap,\n    className: _className,\n    ...accordionProps\n  } = componentProps\n\n  const { currentVariant, isLast, count } = useHandleTrVariant({\n    variant,\n  })\n\n  const className = classnames(\n    'dnb-table__tr',\n    currentVariant && `dnb-table__tr--${currentVariant}`,\n    isLast && 'dnb-table__tr--last',\n    noWrap && 'dnb-table--no-wrap',\n    _className\n  )\n\n  const tableContext = React.useContext(TableContext)\n  if (tableContext?.allProps?.accordion) {\n    return (\n      <TableAccordionHead\n        count={count}\n        className={className}\n        {...accordionProps}\n      />\n    )\n  }\n\n  const {\n    expanded, // eslint-disable-line @typescript-eslint/no-unused-vars\n    disabled, // eslint-disable-line @typescript-eslint/no-unused-vars\n    noAnimation, // eslint-disable-line @typescript-eslint/no-unused-vars\n    onClick, // eslint-disable-line @typescript-eslint/no-unused-vars\n    onOpened, // eslint-disable-line @typescript-eslint/no-unused-vars\n    onClosed, // eslint-disable-line @typescript-eslint/no-unused-vars\n    ...trProps\n  } = accordionProps\n\n  return <tr role=\"row\" className={className} {...trProps} />\n}\n\nfunction useHandleTrVariant({ variant }) {\n  const tableContext = React.useContext(TableContext)\n\n  /**\n   * Handle odd/even\n   */\n  const countRef = tableContext?.trCountRef.current\n  const increment = () => {\n    if (typeof countRef === 'undefined') {\n      return 0\n    }\n    if (\n      !variant ||\n      (variant === 'even' && countRef.count % 2 === 1) ||\n      (variant === 'odd' && countRef.count % 2 === 0)\n    ) {\n      countRef.count++\n    }\n\n    return countRef.count\n  }\n\n  const [count, setCount] = React.useState(() => {\n    // SSR Support\n    if (typeof window === 'undefined') {\n      return increment()\n    }\n  })\n\n  // StrictMode support\n  React.useEffect(() => {\n    // SSR will not execute useEffect\n    setCount(increment())\n  }, [tableContext?.rerenderAlias]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  /**\n   * Find out the current odd/even when \"accordionContent\" is used.\n   * Because we have now an additional \"tr\" element.\n   * Then the CSS can't figure out the correct nth element (nth-of-type)\n   * and we need to set it manually (nth-child and nth-of-type do not respect classes, so we can't ignore this one).\n   */\n  let currentVariant = variant\n  if (!currentVariant) {\n    currentVariant = count % 2 ? 'odd' : 'even'\n  }\n  const isLast =\n    typeof countRef !== 'undefined' && countRef.count === count\n  return {\n    currentVariant,\n    isLast,\n    count,\n  }\n}\n\n/**\n * Handle odd/even on re-render and React.StrictMode\n */\nexport function useHandleOddEven({ children }) {\n  // Create this ref in order to \"auto\" set even/odd class in tr elements\n  const trCountRef = React.useRef({ count: 0 })\n\n  // When the alias changes, all tr's will rerender and get a new even/odd color\n  // This is useful, when one tr gets removed\n  const [rerenderAlias, setRerenderAlias] = React.useState({}) // eslint-disable-line no-unused-vars\n\n  const isMounted = React.useRef(false)\n  React.useEffect(() => {\n    if (isMounted.current) {\n      forceRerender()\n    }\n    isMounted.current = true\n  }, [children]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return { trCountRef, rerenderAlias, setRerenderAlias }\n\n  function forceRerender() {\n    trCountRef.current.count = 0\n    setRerenderAlias({})\n  }\n}\n\nTr.AccordionContent = TableAccordionContentRow\n"],"mappings":"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"}

package/cjs/components/table/table-accordion/TableAccordionContent.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type TableAccordionContentProps = {
+    /** Set to true to expanded the content on initial render */
+    expanded?: boolean;
+    /** Set to true to skip animation */
+    noAnimation?: boolean;
+    /** Overwrite the internal collected colSpan (add +1) */
+    colSpan?: number;
+    variant: 'row' | 'single';
+} & React.TableHTMLAttributes<HTMLTableRowElement>;
+export type TableAccordionContentRowProps = Omit<TableAccordionContentProps, 'variant' | 'colSpan'>;
+export type TableAccordionContentSingleProps = Omit<TableAccordionContentProps, 'variant'>;
+export declare function TableAccordionContentRow(props: TableAccordionContentRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableAccordionContentSingle({ colSpan, ...props }: TableAccordionContentSingleProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/cjs/components/table/{TableAccordionTd.js → table-accordion/TableAccordionContent.js}

@@ -3,12 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = TableAccordionTd;
+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");
-const _excluded = ["expanded", "noAnimation", "className", "children", "colSpan", "style"];
+var _TableContext = require("../TableContext");
+var _TableAccordionContext = require("./TableAccordionContext");
+const _excluded = ["variant", "expanded", "noAnimation", "className", "children", "colSpan", "style"],
+  _excluded2 = ["colSpan"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -18,19 +21,19 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function TableAccordionTd(componentProps) {
+function TableAccordionContent(componentProps) {
   var _React$useContext;
   const {
+      variant,
       expanded = null,
       noAnimation = null,
       className,
       children,
-      colSpan = 100,
+      colSpan,
       style
     } = componentProps,
     props = _objectWithoutProperties(componentProps, _excluded);
-  const allProps = (_React$useContext = _react.default.useContext(_TableContext.TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
-  const tableAccordionContext = _react.default.useContext(_TableContext.TableAccordionContext);
+  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 {
@@ -45,27 +48,59 @@ function TableAccordionTd(componentProps) {
     expanded,
     noAnimation
   });
-  const countTds = (tableAccordionContext === null || tableAccordionContext === void 0 ? void 0 : tableAccordionContext.countTds) || colSpan;
+  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--single", 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'),
+    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), _react.default.createElement("td", {
-    role: isInDOM ? 'cell' : undefined,
-    colSpan: countTds,
-    className: "dnb-table__td"
-  }, isInDOM && _react.default.createElement("div", {
+  }, 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)), _react.default.createElement("span", {
+  }, 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 ? allProps === null || allProps === void 0 ? void 0 : allProps.accordionMoreContentSR : null))));
+  }, 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=TableAccordionTd.js.map
+//# sourceMappingURL=TableAccordionContent.js.map

package/cjs/components/table/table-accordion/TableAccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableAccordionContent.js","names":["_react","_interopRequireDefault","require","_classnames","_useTableAnimationHandler","_TableContext","_TableAccordionContext","_excluded","_excluded2","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","TableAccordionContent","componentProps","_React$useContext","variant","expanded","noAnimation","className","children","colSpan","style","props","tableContextAllProps","React","useContext","TableContext","allProps","innerRef","useRef","trRef","ariaLive","isInDOM","isAnimating","isVisibleParallax","firstPaintStyle","useTableAnimationHandler","chevronTdProps","accordionMoreContentSR","createElement","hidden","role","classnames","ref","Fragment","accordionChevronPlacement","ChevronTd","_ref","TableAccordionContentRow","TableAccordionContentSingle","_ref2","tableAccordionContext","TableAccordionContext","countTds"],"sources":["../../../../../src/components/table/table-accordion/TableAccordionContent.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport useTableAnimationHandler from './useTableAnimationHandler'\nimport { TableContext } from '../TableContext'\nimport { TableAccordionContext } from './TableAccordionContext'\n\ntype TableAccordionContentProps = {\n  /** Set to true to expanded the content on initial render */\n  expanded?: boolean\n  /** Set to true to skip animation */\n  noAnimation?: boolean\n  /** Overwrite the internal collected colSpan (add +1) */\n  colSpan?: number\n  variant: 'row' | 'single'\n} & React.TableHTMLAttributes<HTMLTableRowElement>\n\nexport type TableAccordionContentRowProps = Omit<\n  TableAccordionContentProps,\n  'variant' | 'colSpan'\n>\n\nexport type TableAccordionContentSingleProps = Omit<\n  TableAccordionContentProps,\n  'variant'\n>\n\nfunction TableAccordionContent(\n  componentProps: TableAccordionContentProps\n) {\n  const {\n    variant,\n    expanded = null,\n    noAnimation = null,\n    className,\n    children,\n    colSpan,\n    style,\n    ...props\n  } = componentProps\n\n  const tableContextAllProps = React.useContext(TableContext)?.allProps\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const trRef = React.useRef<HTMLTableRowElement>(null)\n  const {\n    ariaLive,\n    isInDOM,\n    isAnimating,\n    isVisibleParallax,\n    firstPaintStyle,\n  } = useTableAnimationHandler({\n    innerRef,\n    trRef,\n    expanded,\n    noAnimation,\n  })\n\n  const chevronTdProps = {\n    ariaLive,\n    isInDOM,\n    accordionMoreContentSR: tableContextAllProps?.accordionMoreContentSR,\n  }\n\n  return (\n    <tr\n      /**\n       * VoiceOver needs the \"tr\" to be in the DOM in order to be able to continue reading downwards,\n       * even it is either closed or opened. Else VO pretends that this current table row is the end of the table.\n       *\n       * + All the browsers do count the correct number (childCount) of rows + NVDA counts correct when used with Chrome.\n       * - Firefox on Windows does it as well, but not when used with NVDA.\n       */\n      aria-hidden={!isInDOM} // NVDA and VoiceOver needs \"aria-hidden\" to remove it from the accessibility tree\n      hidden={isInDOM ? undefined : true} // NVDA and VoiceOver needs \"hidden\" to be true in order to not count invisible table rows (based on \"tr\" element)\n      role={isInDOM ? 'row' : undefined} // NVDA and VoiceOver needs \"hidden\" to be true in order to not count invisible table rows (based on \"role\" element)\n      style={{ ...firstPaintStyle, ...style }}\n      className={classnames(\n        isInDOM && 'dnb-table__tr',\n        'dnb-table__tr__accordion-content',\n        `dnb-table__tr__accordion-content--${variant}`,\n        isInDOM && 'dnb-table__tr__accordion-content--expanded',\n        isAnimating && 'dnb-table__tr__accordion-content--animating',\n        isVisibleParallax && 'dnb-table__tr__accordion-content--parallax',\n        className\n      )}\n      ref={trRef}\n      {...props}\n    >\n      {variant === 'row' && (\n        <>\n          {tableContextAllProps?.accordionChevronPlacement !== 'end' && (\n            <ChevronTd {...chevronTdProps} />\n          )}\n          {isInDOM && children}\n          {tableContextAllProps?.accordionChevronPlacement === 'end' && (\n            <ChevronTd {...chevronTdProps} />\n          )}\n        </>\n      )}\n      {variant === 'single' && (\n        <ChevronTd {...chevronTdProps} colSpan={colSpan}>\n          {isInDOM && (\n            <div\n              className=\"dnb-table__tr__accordion-content__inner\"\n              ref={innerRef}\n            >\n              <div className=\"dnb-table__tr__accordion-content__inner__spacing\">\n                {children}\n              </div>\n            </div>\n          )}\n        </ChevronTd>\n      )}\n    </tr>\n  )\n}\n\nconst ChevronTd = ({\n  children = undefined,\n  colSpan = undefined,\n  ariaLive,\n  isInDOM,\n  accordionMoreContentSR,\n}) => (\n  <td\n    role={isInDOM ? 'cell' : undefined} // remove the \"role\", because the parent role is removed as well\n    className=\"dnb-table__td\"\n    colSpan={colSpan}\n  >\n    {children}\n    <span className=\"dnb-sr-only\">\n      <span aria-live=\"assertive\">\n        {isInDOM && ariaLive ? accordionMoreContentSR : null}\n      </span>\n    </span>\n  </td>\n)\n\nexport function TableAccordionContentRow(\n  props: TableAccordionContentRowProps\n) {\n  return <TableAccordionContent variant=\"row\" {...props} />\n}\n\nexport function TableAccordionContentSingle({\n  colSpan = 100,\n  ...props\n}: TableAccordionContentSingleProps) {\n  const tableAccordionContext = React.useContext(TableAccordionContext)\n\n  return (\n    <TableAccordionContent\n      variant=\"single\"\n      colSpan={tableAccordionContext?.countTds || colSpan}\n      {...props}\n    />\n  )\n}\n"],"mappings":"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"}

package/cjs/components/table/table-accordion/TableAccordionContext.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Web TableContext Context
+ *
+ */
+import React from 'react';
+import type { TableTrProps } from '../TableTr';
+type TableAccordionContextProps = {
+    toggleOpenTr: (event: React.SyntheticEvent, allowInteractiveElement?: boolean) => void;
+    trIsOpen: boolean;
+    countTds: number;
+    noAnimation: TableTrProps['noAnimation'];
+    onOpened: TableTrProps['onOpened'];
+    onClosed: TableTrProps['onClosed'];
+};
+export declare const TableAccordionContext: React.Context<TableAccordionContextProps>;
+export {};

package/cjs/components/table/table-accordion/TableAccordionContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableAccordionContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const TableAccordionContext = _react.default.createContext(null);
+exports.TableAccordionContext = TableAccordionContext;
+//# sourceMappingURL=TableAccordionContext.js.map

package/cjs/components/table/table-accordion/TableAccordionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableAccordionContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","TableAccordionContext","React","createContext","exports"],"sources":["../../../../../src/components/table/table-accordion/TableAccordionContext.tsx"],"sourcesContent":["/**\n * Web TableContext Context\n *\n */\n\nimport React from 'react'\nimport type { TableTrProps } from '../TableTr'\n\ntype TableAccordionContextProps = {\n  toggleOpenTr: (\n    event: React.SyntheticEvent,\n    allowInteractiveElement?: boolean\n  ) => void\n  trIsOpen: boolean\n  countTds: number\n  noAnimation: TableTrProps['noAnimation']\n  onOpened: TableTrProps['onOpened']\n  onClosed: TableTrProps['onClosed']\n}\n\nexport const TableAccordionContext =\n  React.createContext<TableAccordionContextProps>(null)\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAelB,MAAMG,qBAAqB,GAChCC,cAAK,CAACC,aAAa,CAA6B,IAAI,CAAC;AAAAC,OAAA,CAAAH,qBAAA,GAAAA,qBAAA"}

package/cjs/components/table/table-accordion/TableAccordionHead.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { TableTrProps } from '../TableTr';
+export type TableAccordionHeadProps = {
+    /** The row number */
+    count: number;
+} & TableTrProps & React.TableHTMLAttributes<HTMLTableRowElement>;
+export declare function TableAccordionHead(allProps: TableAccordionHeadProps): import("react/jsx-runtime").JSX.Element;
+export declare function TableAccordionToggleButton(): import("react/jsx-runtime").JSX.Element;