@dnb/eufemia 10.34.1 → 10.36.0

package/es/components/table/TableDocs.js

@@ -0,0 +1,190 @@
+export const TableProperties = {
+  accordion: {
+    doc: 'Set to true if you have one or more rows that contains an accordion content.',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  accordionChevronPlacement: {
+    doc: 'Defines where the chevron will be placed.',
+    type: [`'start'`, `'end'`],
+    defaultValue: `'start'`,
+    status: 'optional'
+  },
+  border: {
+    doc: 'Use `true` to show borders between table data cells.',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  outline: {
+    doc: 'Use `true` to show an outline border around the table',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  sticky: {
+    doc: "Use `true` to enable a sticky Table header. Or use `'css-position'` to enable the CSS based scroll behavior.",
+    type: ['boolean', `'css-position'`],
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  stickyOffset: {
+    doc: 'Defines the offset (top) in `rem` from where the header should start to stick. You may define your app header height here, if you have a sticky header on your page.',
+    type: ['string', 'number'],
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  size: {
+    doc: 'Spacing size inside the table header and data.',
+    type: [`'large'`, `'medium'`, `'small'`],
+    defaultValue: `'large'`,
+    status: 'optional'
+  },
+  fixed: {
+    doc: 'If set to `true`, the table will behave with a fixed table layout, using: `table-layout: fixed;`. Use e.g. CSS `width: 40%` on a table column to define the width.',
+    type: 'boolean',
+    defaultValue: 'null',
+    status: 'optional'
+  },
+  children: {
+    doc: 'The content of the component.',
+    type: 'React.ReactNode',
+    status: 'required'
+  },
+  className: {
+    doc: 'Custom className on the component root',
+    type: 'string',
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+export const TableEventProperties = {
+  collapseAllHandleRef: {
+    doc: 'ref handle to collapse all expanded accordion rows. Send in a ref and use `.current()` to collapse all rows.',
+    type: 'React.MutableRefObject<() => void>',
+    defaultValue: 'undefined',
+    status: 'optional'
+  }
+};
+export const TrProperties = {
+  variant: {
+    doc: 'Override the automatic variant of the current row. The next row one will continue with the opposite.',
+    type: [`'even'`, `'odd'`],
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  noWrap: {
+    doc: 'if set to `true`, the inherited header text will not wrap to new lines.',
+    type: 'boolean',
+    defaultValue: 'true',
+    status: 'optional'
+  },
+  expanded: {
+    doc: 'use `true` to render the `<Tr>` initially as expanded.',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'use `true` to disable the `<Tr>` to be accessible as an interactive element.',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  noAnimation: {
+    doc: 'use `true` to disable the expand/collapse animation.',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  children: {
+    doc: 'The content of the component.',
+    type: 'React.ReactNode',
+    status: 'required'
+  }
+};
+export const TrEventProperties = {
+  onClick: {
+    doc: 'will emit when user clicks/expands the table row. Returns a native click.',
+    type: '(event) => void',
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  onOpened: {
+    doc: 'Will emit when table row is expanded. Returns an object with the table row as the target: `{ target }`.',
+    type: '({ target }) => void',
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  onClosed: {
+    doc: 'Will emit when table row is closed (after it was open). Returns an object with the table row as the target: `{ target }`.',
+    type: '({ target }) => void',
+    defaultValue: 'undefined',
+    status: 'optional'
+  }
+};
+export const ThProperties = {
+  sortable: {
+    doc: 'Defines the table header as sortable if set to `true` (ascending).',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  active: {
+    doc: 'Defines the sortable column as the current active (ascending).',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  reversed: {
+    doc: 'Defines the sortable column as in reversed order (descending).',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  noWrap: {
+    doc: 'If set to `true`, the header text will not wrap to new lines.',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  children: {
+    doc: 'The content of the component.',
+    type: 'React.ReactNode',
+    defaultValue: 'undefined',
+    status: 'optional'
+  }
+};
+export const TdProperties = {
+  noSpacing: {
+    doc: 'If set to `true`, no padding will be added.',
+    type: 'boolean',
+    defaultValue: 'false',
+    status: 'optional'
+  },
+  spacing: {
+    doc: 'Set to `horizontal` for padding on left and right side.',
+    type: `'horizontal'`,
+    defaultValue: 'undefined',
+    status: 'optional'
+  },
+  children: {
+    doc: 'The content of the component.',
+    type: 'React.ReactNode',
+    defaultValue: 'undefined',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=TableDocs.js.map

package/es/components/table/TableDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableDocs.js","names":["TableProperties","accordion","doc","type","defaultValue","status","accordionChevronPlacement","border","outline","sticky","stickyOffset","size","fixed","children","className","skeleton","TableEventProperties","collapseAllHandleRef","TrProperties","variant","noWrap","expanded","disabled","noAnimation","TrEventProperties","onClick","onOpened","onClosed","ThProperties","sortable","active","reversed","TdProperties","noSpacing","spacing"],"sources":["../../../../src/components/table/TableDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const TableProperties: PropertiesTableProps = {\n  accordion: {\n    doc: 'Set to true if you have one or more rows that contains an accordion content.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  accordionChevronPlacement: {\n    doc: 'Defines where the chevron will be placed.',\n    type: [`'start'`, `'end'`],\n    defaultValue: `'start'`,\n    status: 'optional',\n  },\n  border: {\n    doc: 'Use `true` to show borders between table data cells.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  outline: {\n    doc: 'Use `true` to show an outline border around the table',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  sticky: {\n    doc: \"Use `true` to enable a sticky Table header. Or use `'css-position'` to enable the CSS based scroll behavior.\",\n    type: ['boolean', `'css-position'`],\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  stickyOffset: {\n    doc: 'Defines the offset (top) in `rem` from where the header should start to stick. You may define your app header height here, if you have a sticky header on your page.',\n    type: ['string', 'number'],\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  size: {\n    doc: 'Spacing size inside the table header and data.',\n    type: [`'large'`, `'medium'`, `'small'`],\n    defaultValue: `'large'`,\n    status: 'optional',\n  },\n  fixed: {\n    doc: 'If set to `true`, the table will behave with a fixed table layout, using: `table-layout: fixed;`. Use e.g. CSS `width: 40%` on a table column to define the width.',\n    type: 'boolean',\n    defaultValue: 'null',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The content of the component.',\n    type: 'React.ReactNode',\n    status: 'required',\n  },\n  className: {\n    doc: 'Custom className on the component root',\n    type: 'string',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const TableEventProperties: PropertiesTableProps = {\n  collapseAllHandleRef: {\n    doc: 'ref handle to collapse all expanded accordion rows. Send in a ref and use `.current()` to collapse all rows.',\n    type: 'React.MutableRefObject<() => void>',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n}\n\nexport const TrProperties: PropertiesTableProps = {\n  /**\n   * The variant of the tr\n   */\n  variant: {\n    doc: 'Override the automatic variant of the current row. The next row one will continue with the opposite.',\n    type: [`'even'`, `'odd'`],\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  noWrap: {\n    doc: 'if set to `true`, the inherited header text will not wrap to new lines.',\n    type: 'boolean',\n    defaultValue: 'true',\n    status: 'optional',\n  },\n  expanded: {\n    doc: 'use `true` to render the `<Tr>` initially as expanded.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'use `true` to disable the `<Tr>` to be accessible as an interactive element.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  noAnimation: {\n    doc: 'use `true` to disable the expand/collapse animation.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The content of the component.',\n    type: 'React.ReactNode',\n    status: 'required',\n  },\n}\n\nexport const TrEventProperties: PropertiesTableProps = {\n  onClick: {\n    doc: 'will emit when user clicks/expands the table row. Returns a native click.',\n    type: '(event) => void',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  onOpened: {\n    doc: 'Will emit when table row is expanded. Returns an object with the table row as the target: `{ target }`.',\n    type: '({ target }) => void',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  onClosed: {\n    doc: 'Will emit when table row is closed (after it was open). Returns an object with the table row as the target: `{ target }`.',\n    type: '({ target }) => void',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n}\n\nexport const ThProperties: PropertiesTableProps = {\n  sortable: {\n    doc: 'Defines the table header as sortable if set to `true` (ascending).',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  active: {\n    doc: 'Defines the sortable column as the current active (ascending).',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  reversed: {\n    doc: 'Defines the sortable column as in reversed order (descending).',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  noWrap: {\n    doc: 'If set to `true`, the header text will not wrap to new lines.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The content of the component.',\n    type: 'React.ReactNode',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n}\n\nexport const TdProperties: PropertiesTableProps = {\n  noSpacing: {\n    doc: 'If set to `true`, no padding will be added.',\n    type: 'boolean',\n    defaultValue: 'false',\n    status: 'optional',\n  },\n  spacing: {\n    doc: 'Set to `horizontal` for padding on left and right side.',\n    type: `'horizontal'`,\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The content of the component.',\n    type: 'React.ReactNode',\n    defaultValue: 'undefined',\n    status: 'optional',\n  },\n}\n"],"mappings":"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"}

package/es/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/es/components/table/TableTd.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 const _excluded = ["className", "children", "noSpacing", "spacing"];
 import React from 'react';
 import classnames from 'classnames';
-import TableAccordionTd from './TableAccordionTd';
+import { TableAccordionContentSingle } from './table-accordion/TableAccordionContent';
 export default function Td(componentProps) {
   const {
       className,
@@ -17,5 +17,5 @@ export default function Td(componentProps) {
     className: classnames('dnb-table__td', className, noSpacing && 'dnb-table__td--no-spacing', spacing && `dnb-table__td--spacing-${spacing}`)
   }, props), children);
 }
-Td.AccordionContent = TableAccordionTd;
+Td.AccordionContent = TableAccordionContentSingle;
 //# sourceMappingURL=TableTd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableTd.js","names":["React","classnames","TableAccordionTd","Td","componentProps","className","children","noSpacing","spacing","props","_objectWithoutProperties","_excluded","createElement","_extends","role","AccordionContent"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,gBAAgB,MAAM,oBAAoB;AAsBjD,eAAe,SAASC,EAAEA,CACxBC,cAC8C,EAC9C;EACA,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GACzDJ,cAAc;IADoCK,KAAK,GAAAC,wBAAA,CACvDN,cAAc,EAAAO,SAAA;EAEhB,OACEX,KAAA,CAAAY,aAAA,OAAAC,QAAA;IACEC,IAAI,EAAC,MAAM;IACXT,SAAS,EAAEJ,UAAU,CACnB,eAAe,EAGfI,SAAS,EAFTE,SAAS,IAAI,2BAA2B,EACxCC,OAAO,IAAK,0BAAyBA,OAAQ,EAE/C;EAAE,GACEC,KAAK,GAERH,QACC,CAAC;AAET;AAEAH,EAAE,CAACY,gBAAgB,GAAGb,gBAAgB"}
+{"version":3,"file":"TableTd.js","names":["React","classnames","TableAccordionContentSingle","Td","componentProps","className","children","noSpacing","spacing","props","_objectWithoutProperties","_excluded","createElement","_extends","role","AccordionContent"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,2BAA2B,QAAQ,yCAAyC;AAsBrF,eAAe,SAASC,EAAEA,CACxBC,cAC8C,EAC9C;EACA,MAAM;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GACzDJ,cAAc;IADoCK,KAAK,GAAAC,wBAAA,CACvDN,cAAc,EAAAO,SAAA;EAEhB,OACEX,KAAA,CAAAY,aAAA,OAAAC,QAAA;IACEC,IAAI,EAAC,MAAM;IACXT,SAAS,EAAEJ,UAAU,CACnB,eAAe,EAGfI,SAAS,EAFTE,SAAS,IAAI,2BAA2B,EACxCC,OAAO,IAAK,0BAAyBA,OAAQ,EAE/C;EAAE,GACEC,KAAK,GAERH,QACC,CAAC;AAET;AAEAH,EAAE,CAACY,gBAAgB,GAAGb,2BAA2B"}

package/es/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/es/components/table/TableTr.js

@@ -1,50 +1,48 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["variant", "noWrap", "expanded", "disabled", "noAnimation", "onClick", "onOpened", "onClosed", "children", "className"];
+const _excluded = ["variant", "noWrap", "className"],
+  _excluded2 = ["expanded", "disabled", "noAnimation", "onClick", "onOpened", "onClosed"];
 import React from 'react';
 import classnames from 'classnames';
-import { useTableAccordion } from './TableAccordion';
+import { TableAccordionHead } from './table-accordion/TableAccordionHead';
+import { TableAccordionContentRow } from './table-accordion/TableAccordionContent';
 import { TableContext } from './TableContext';
-import TableAccordionTr from './TableAccordionTr';
 export default 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 = classnames('dnb-table__tr', _className, currentVariant && `dnb-table__tr--${currentVariant}`, isLast && 'dnb-table__tr--last', noWrap && 'dnb-table--no-wrap');
-  const accordionTr = useTableAccordion({
-    className,
-    children,
-    props,
-    expanded,
-    disabled,
-    noAnimation,
-    onClick,
-    onOpened,
-    onClosed
-  });
-  if (accordionTr) {
-    return accordionTr;
+  const tableContext = React.useContext(TableContext);
+  if (tableContext !== null && tableContext !== void 0 && (_tableContext$allProp = tableContext.allProps) !== null && _tableContext$allProp !== void 0 && _tableContext$allProp.accordion) {
+    return React.createElement(TableAccordionHead, _extends({
+      count: count,
+      className: className
+    }, accordionProps));
   }
+  const {
+      expanded,
+      disabled,
+      noAnimation,
+      onClick,
+      onOpened,
+      onClosed
+    } = accordionProps,
+    trProps = _objectWithoutProperties(accordionProps, _excluded2);
   return React.createElement("tr", _extends({
     role: "row",
     className: className
-  }, props), children);
+  }, trProps));
 }
 function useHandleTrVariant({
   variant
@@ -75,7 +73,8 @@ function useHandleTrVariant({
   const isLast = typeof countRef !== 'undefined' && countRef.count === count;
   return {
     currentVariant,
-    isLast
+    isLast,
+    count
   };
 }
 export function useHandleOddEven({
@@ -102,5 +101,5 @@ export function useHandleOddEven({
     setRerenderAlias({});
   }
 }
-Tr.AccordionContent = TableAccordionTr;
+Tr.AccordionContent = TableAccordionContentRow;
 //# sourceMappingURL=TableTr.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableTr.js","names":["React","classnames","useTableAccordion","TableContext","TableAccordionTr","Tr","componentProps","variant","noWrap","expanded","disabled","noAnimation","onClick","onOpened","onClosed","children","className","_className","props","_objectWithoutProperties","_excluded","currentVariant","isLast","useHandleTrVariant","accordionTr","createElement","_extends","role","tableContext","useContext","countRef","trCountRef","current","increment","count","setCount","useState","window","useEffect","rerenderAlias","useHandleOddEven","useRef","setRerenderAlias","isMounted","forceRerender","AccordionContent"],"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","classnames","TableAccordionHead","TableAccordionContentRow","TableContext","Tr","componentProps","_tableContext$allProp","variant","noWrap","className","_className","accordionProps","_objectWithoutProperties","_excluded","currentVariant","isLast","count","useHandleTrVariant","tableContext","useContext","allProps","accordion","createElement","_extends","expanded","disabled","noAnimation","onClick","onOpened","onClosed","trProps","_excluded2","role","countRef","trCountRef","current","increment","setCount","useState","window","useEffect","rerenderAlias","useHandleOddEven","children","useRef","setRerenderAlias","isMounted","forceRerender","AccordionContent"],"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/es/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/es/components/table/table-accordion/TableAccordionContent.js

@@ -0,0 +1,92 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["variant", "expanded", "noAnimation", "className", "children", "colSpan", "style"],
+  _excluded2 = ["colSpan"];
+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; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React from 'react';
+import classnames from 'classnames';
+import useTableAnimationHandler from './useTableAnimationHandler';
+import { TableContext } from '../TableContext';
+import { TableAccordionContext } from './TableAccordionContext';
+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.useContext(TableContext)) === null || _React$useContext === void 0 ? void 0 : _React$useContext.allProps;
+  const innerRef = React.useRef(null);
+  const trRef = React.useRef(null);
+  const {
+    ariaLive,
+    isInDOM,
+    isAnimating,
+    isVisibleParallax,
+    firstPaintStyle
+  } = useTableAnimationHandler({
+    innerRef,
+    trRef,
+    expanded,
+    noAnimation
+  });
+  const chevronTdProps = {
+    ariaLive,
+    isInDOM,
+    accordionMoreContentSR: tableContextAllProps === null || tableContextAllProps === void 0 ? void 0 : tableContextAllProps.accordionMoreContentSR
+  };
+  return React.createElement("tr", _extends({
+    "aria-hidden": !isInDOM,
+    hidden: isInDOM ? undefined : true,
+    role: isInDOM ? 'row' : undefined,
+    style: _objectSpread(_objectSpread({}, firstPaintStyle), style),
+    className: classnames(`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.createElement(React.Fragment, null, (tableContextAllProps === null || tableContextAllProps === void 0 ? void 0 : tableContextAllProps.accordionChevronPlacement) !== 'end' && React.createElement(ChevronTd, chevronTdProps), isInDOM && children, (tableContextAllProps === null || tableContextAllProps === void 0 ? void 0 : tableContextAllProps.accordionChevronPlacement) === 'end' && React.createElement(ChevronTd, chevronTdProps)), variant === 'single' && React.createElement(ChevronTd, _extends({}, chevronTdProps, {
+    colSpan: colSpan
+  }), isInDOM && React.createElement("div", {
+    className: "dnb-table__tr__accordion-content__inner",
+    ref: innerRef
+  }, React.createElement("div", {
+    className: "dnb-table__tr__accordion-content__inner__spacing"
+  }, children))));
+}
+const ChevronTd = ({
+  children = undefined,
+  colSpan = undefined,
+  ariaLive,
+  isInDOM,
+  accordionMoreContentSR
+}) => React.createElement("td", {
+  role: isInDOM ? 'cell' : undefined,
+  className: "dnb-table__td",
+  colSpan: colSpan
+}, children, React.createElement("span", {
+  className: "dnb-sr-only"
+}, React.createElement("span", {
+  "aria-live": "assertive"
+}, isInDOM && ariaLive ? accordionMoreContentSR : null)));
+export function TableAccordionContentRow(props) {
+  return React.createElement(TableAccordionContent, _extends({
+    variant: "row"
+  }, props));
+}
+export function TableAccordionContentSingle(_ref) {
+  let {
+      colSpan = 100
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded2);
+  const tableAccordionContext = React.useContext(TableAccordionContext);
+  return React.createElement(TableAccordionContent, _extends({
+    variant: "single",
+    colSpan: (tableAccordionContext === null || tableAccordionContext === void 0 ? void 0 : tableAccordionContext.countTds) || colSpan
+  }, props));
+}
+//# sourceMappingURL=TableAccordionContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableAccordionContent.js","names":["React","classnames","useTableAnimationHandler","TableContext","TableAccordionContext","TableAccordionContent","componentProps","_React$useContext","variant","expanded","noAnimation","className","children","colSpan","style","props","_objectWithoutProperties","_excluded","tableContextAllProps","useContext","allProps","innerRef","useRef","trRef","ariaLive","isInDOM","isAnimating","isVisibleParallax","firstPaintStyle","chevronTdProps","accordionMoreContentSR","createElement","_extends","hidden","undefined","role","_objectSpread","ref","Fragment","accordionChevronPlacement","ChevronTd","TableAccordionContentRow","TableAccordionContentSingle","_ref","_excluded2","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/es/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/es/components/table/table-accordion/TableAccordionContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const TableAccordionContext = React.createContext(null);
+//# sourceMappingURL=TableAccordionContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableAccordionContext.js","names":["React","TableAccordionContext","createContext"],"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,OAAOA,KAAK,MAAM,OAAO;AAezB,OAAO,MAAMC,qBAAqB,GAChCD,KAAK,CAACE,aAAa,CAA6B,IAAI,CAAC"}

package/es/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;