@dnb/eufemia 10.2.0 → 10.3.0

package/components/table/TableContainer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { TableProps } from './Table';
 import type { SpacingProps } from '../space/types';
-export declare type TableContainerProps = {
+export type TableContainerProps = {
     /**
      * The content of the component.
      */
@@ -11,7 +11,7 @@ export declare type TableContainerProps = {
         React.ReactElement<TableContainerFootProps>
     ] | React.ReactElement<TableContainerBodyProps>;
 };
-export declare type TableContainerAllProps = TableContainerProps & React.TableHTMLAttributes<HTMLTableRowElement> & SpacingProps;
+export type TableContainerAllProps = TableContainerProps & React.TableHTMLAttributes<HTMLTableRowElement> & SpacingProps;
 declare function TableContainer(props: TableContainerAllProps): JSX.Element;
 declare namespace TableContainer {
     var Body: typeof TableContainerBody;
@@ -19,21 +19,21 @@ declare namespace TableContainer {
     var Foot: typeof TableContainerFoot;
 }
 export default TableContainer;
-export declare type TableContainerBodyProps = {
+export type TableContainerBodyProps = {
     /**
      * The content of the component.
      */
     children: React.ReactElement<TableProps> | Array<React.ReactElement<TableProps>>;
 };
 export declare function TableContainerBody(props: TableContainerBodyProps & React.HTMLAttributes<HTMLDivElement>): JSX.Element;
-export declare type TableContainerHeadProps = {
+export type TableContainerHeadProps = {
     /**
      * The content of the component.
      */
     children?: React.ReactNode;
 };
 export declare function TableContainerHead(props: TableContainerHeadProps & React.HTMLAttributes<HTMLDivElement>): JSX.Element;
-export declare type TableContainerFootProps = {
+export type TableContainerFootProps = {
     /**
      * The content of the component.
      */

package/components/table/TableContainer.js

@@ -1,12 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-
 var _TableContainer$Head, _TableContainer$Foot;
-
 const _excluded = ["children", "className"],
-      _excluded2 = ["children", "className"],
-      _excluded3 = ["children", "className"],
-      _excluded4 = ["children", "className"];
+  _excluded2 = ["children", "className"],
+  _excluded3 = ["children", "className"],
+  _excluded4 = ["children", "className"];
 import React from 'react';
 import classnames from 'classnames';
 import TableScrollView from './TableScrollView';
@@ -14,68 +12,61 @@ import { createSpacingClasses } from '../space/SpacingUtils';
 import { validateDOMAttributes } from '../../shared/component-helper';
 export default function TableContainer(props) {
   var _content$, _content$2;
-
   const {
-    children,
-    className
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded);
-
+      children,
+      className
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const spacingClasses = createSpacingClasses(props);
   validateDOMAttributes(props, rest);
   const ScrollView = TableScrollView;
   const isArray = Array.isArray(children);
   const content = isArray ? children : [children];
-
   if (((_content$ = content[0]) === null || _content$ === void 0 ? void 0 : _content$.type) !== TableContainer.Head) {
     content.unshift(_TableContainer$Head || (_TableContainer$Head = React.createElement(TableContainer.Head, {
       key: "head"
     })));
   }
-
   if (((_content$2 = content[2]) === null || _content$2 === void 0 ? void 0 : _content$2.type) !== TableContainer.Foot) {
     content.push(_TableContainer$Foot || (_TableContainer$Foot = React.createElement(TableContainer.Foot, {
       key: "foot"
     })));
   }
-
   return React.createElement("section", _extends({
     className: classnames('dnb-table__container', className, spacingClasses)
   }, rest), React.createElement(ScrollView, null, content));
 }
 export function TableContainerBody(props) {
   const {
-    children,
-    className
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded2);
-
+      children,
+      className
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded2);
   return React.createElement("div", _extends({
     className: classnames('dnb-table__container__body', className)
   }, rest), children);
 }
 export function TableContainerHead(props) {
   const {
-    children,
-    className
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded3);
-
+      children,
+      className
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded3);
   return React.createElement("div", _extends({
     className: classnames('dnb-table__container__head', className, !children && 'dnb-table__container__head--empty')
   }, rest), children);
 }
 export function TableContainerFoot(props) {
   const {
-    children,
-    className
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded4);
-
+      children,
+      className
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded4);
   return React.createElement("div", _extends({
     className: classnames('dnb-table__container__foot', className, !children && 'dnb-table__container__foot--empty')
   }, rest), children);
 }
 TableContainer.Body = TableContainerBody;
 TableContainer.Head = TableContainerHead;
-TableContainer.Foot = TableContainerFoot;
+TableContainer.Foot = TableContainerFoot;
+//# sourceMappingURL=TableContainer.js.map

package/components/table/TableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.js","names":["React","classnames","TableScrollView","createSpacingClasses","validateDOMAttributes","TableContainer","props","_content$","_content$2","children","className","rest","_objectWithoutProperties","_excluded","spacingClasses","ScrollView","isArray","Array","content","type","Head","unshift","_TableContainer$Head","createElement","key","Foot","push","_TableContainer$Foot","_extends","TableContainerBody","_excluded2","TableContainerHead","_excluded3","TableContainerFoot","_excluded4","Body"],"sources":["../../../../src/components/table/TableContainer.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport TableScrollView, { TableScrollViewProps } from './TableScrollView'\nimport { createSpacingClasses } from '../space/SpacingUtils'\n\nimport type { TableProps } from './Table'\nimport type { SpacingProps } from '../space/types'\nimport { validateDOMAttributes } from '../../shared/component-helper'\n\nexport type TableContainerProps = {\n  /**\n   * The content of the component.\n   */\n  children:\n    | [\n        React.ReactElement<TableContainerHeadProps>,\n        React.ReactElement<TableContainerBodyProps>,\n        React.ReactElement<TableContainerFootProps>\n      ]\n    | React.ReactElement<TableContainerBodyProps>\n}\n\nexport type TableContainerAllProps = TableContainerProps &\n  React.TableHTMLAttributes<HTMLTableRowElement> &\n  SpacingProps\n\ntype InternalTableContainerTableScrollView = Omit<\n  TableScrollViewProps,\n  'children'\n> & {\n  children: React.ReactNode\n}\n\nexport default function TableContainer(props: TableContainerAllProps) {\n  const { children, className, ...rest } = props\n  const spacingClasses = createSpacingClasses(props)\n\n  validateDOMAttributes(props, rest)\n\n  const ScrollView =\n    TableScrollView as React.FunctionComponent<InternalTableContainerTableScrollView>\n\n  const isArray = Array.isArray(children)\n  const content = isArray ? children : [children]\n\n  if (content[0]?.type !== TableContainer.Head) {\n    content.unshift(<TableContainer.Head key=\"head\" />)\n  }\n  if (content[2]?.type !== TableContainer.Foot) {\n    content.push(<TableContainer.Foot key=\"foot\" />)\n  }\n\n  return (\n    <section\n      className={classnames(\n        'dnb-table__container',\n        className,\n        spacingClasses\n      )}\n      {...rest}\n    >\n      <ScrollView>{content}</ScrollView>\n    </section>\n  )\n}\n\nexport type TableContainerBodyProps = {\n  /**\n   * The content of the component.\n   */\n  children:\n    | React.ReactElement<TableProps>\n    | Array<React.ReactElement<TableProps>>\n}\n\nexport function TableContainerBody(\n  props: TableContainerBodyProps & React.HTMLAttributes<HTMLDivElement>\n) {\n  const { children, className, ...rest } = props\n\n  return (\n    <div\n      className={classnames('dnb-table__container__body', className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport type TableContainerHeadProps = {\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode\n}\n\nexport function TableContainerHead(\n  props: TableContainerHeadProps & React.HTMLAttributes<HTMLDivElement>\n) {\n  const { children, className, ...rest } = props\n\n  return (\n    <div\n      className={classnames(\n        'dnb-table__container__head',\n        !children && 'dnb-table__container__head--empty',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport type TableContainerFootProps = {\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode\n}\n\nexport function TableContainerFoot(\n  props: TableContainerFootProps & React.HTMLAttributes<HTMLDivElement>\n) {\n  const { children, className, ...rest } = props\n\n  return (\n    <div\n      className={classnames(\n        'dnb-table__container__foot',\n        !children && 'dnb-table__container__foot--empty',\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  )\n}\n\nTableContainer.Body = TableContainerBody\nTableContainer.Head = TableContainerHead\nTableContainer.Foot = TableContainerFoot\n"],"mappings":"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"}

package/components/table/TableContext.js

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

package/components/table/TableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.js","names":["React","TableContext","createContext"],"sources":["../../../../src/components/table/TableContext.tsx"],"sourcesContent":["/**\n * Web TableContext Context\n *\n */\n\nimport React from 'react'\n\nconst TableContext = React.createContext(null)\n\nexport default TableContext\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,YAAY,GAAGD,KAAK,CAACE,aAAa,CAAC,IAAI,CAAC;AAE9C,eAAeD,YAAY"}

package/components/table/TableHelpButton.js

@@ -6,12 +6,12 @@ import classnames from 'classnames';
 import HelpButton from '../help-button/HelpButton';
 export default function TableHelpButton(_ref) {
   let {
-    className = null
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      className = null
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(HelpButton, _extends({
     className: classnames('dnb-table__help-button', className),
     size: "small"
   }, props));
-}
+}
+//# sourceMappingURL=TableHelpButton.js.map

package/components/table/TableHelpButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHelpButton.js","names":["React","classnames","HelpButton","TableHelpButton","_ref","className","props","_objectWithoutProperties","_excluded","createElement","_extends","size"],"sources":["../../../../src/components/table/TableHelpButton.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport HelpButton from '../help-button/HelpButton'\n\nexport default function TableHelpButton({ className = null, ...props }) {\n  return (\n    <HelpButton\n      className={classnames('dnb-table__help-button', className)}\n      size=\"small\"\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAAM,2BAA2B;AAElD,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAAiC;EAAA,IAAhC;MAAEC,SAAS,GAAG;IAAe,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAClE,OACER,KAAA,CAAAS,aAAA,CAACP,UAAU,EAAAQ,QAAA;IACTL,SAAS,EAAEJ,UAAU,CAAC,wBAAwB,EAAEI,SAAS,CAAE;IAC3DM,IAAI,EAAC;EAAO,GACRL,KAAK,CACV,CAAC;AAEN"}

package/components/table/TableScrollView.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ScrollViewAllProps } from '../../fragments/scroll-view/ScrollView';
 import type { SpacingProps } from '../../shared/types';
-export declare type TableScrollViewProps = {
+export type TableScrollViewProps = {
     /**
      * The content of the component.
      */
     children: React.ReactElement<HTMLTableElement>;
 };
-export declare type TableScrollViewAllProps = TableScrollViewProps & Omit<React.TableHTMLAttributes<HTMLDivElement>, 'children'> & SpacingProps & ScrollViewAllProps;
+export type TableScrollViewAllProps = TableScrollViewProps & Omit<React.TableHTMLAttributes<HTMLDivElement>, 'children'> & SpacingProps & ScrollViewAllProps;
 export default function TableScrollView(props: TableScrollViewAllProps): JSX.Element;

package/components/table/TableScrollView.js

@@ -6,13 +6,13 @@ import classnames from 'classnames';
 import ScrollView from '../../fragments/scroll-view/ScrollView';
 export default function TableScrollView(props) {
   const {
-    className,
-    children
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded);
-
+      className,
+      children
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   return React.createElement(ScrollView, _extends({
     className: classnames('dnb-table__scroll-view', className),
     interactive: "auto"
   }, rest), children);
-}
+}
+//# sourceMappingURL=TableScrollView.js.map

package/components/table/TableScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableScrollView.js","names":["React","classnames","ScrollView","TableScrollView","props","className","children","rest","_objectWithoutProperties","_excluded","createElement","_extends","interactive"],"sources":["../../../../src/components/table/TableScrollView.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport ScrollView, {\n  ScrollViewAllProps,\n} from '../../fragments/scroll-view/ScrollView'\n\nimport type { SpacingProps } from '../../shared/types'\n\nexport type TableScrollViewProps = {\n  /**\n   * The content of the component.\n   */\n  children: React.ReactElement<HTMLTableElement>\n}\n\nexport type TableScrollViewAllProps = TableScrollViewProps &\n  Omit<React.TableHTMLAttributes<HTMLDivElement>, 'children'> &\n  SpacingProps &\n  ScrollViewAllProps\n\nexport default function TableScrollView(props: TableScrollViewAllProps) {\n  const { className, children, ...rest } = props\n\n  return (\n    <ScrollView\n      className={classnames('dnb-table__scroll-view', className)}\n      interactive=\"auto\"\n      {...rest}\n    >\n      {children}\n    </ScrollView>\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,UAAU,MAEV,wCAAwC;AAgB/C,eAAe,SAASC,eAAeA,CAACC,KAA8B,EAAE;EACtE,MAAM;MAAEC,SAAS;MAAEC;IAAkB,CAAC,GAAGF,KAAK;IAAdG,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EAE9C,OACET,KAAA,CAAAU,aAAA,CAACR,UAAU,EAAAS,QAAA;IACTN,SAAS,EAAEJ,UAAU,CAAC,wBAAwB,EAAEI,SAAS,CAAE;IAC3DO,WAAW,EAAC;EAAM,GACdL,IAAI,GAEPD,QACS,CAAC;AAEjB"}

package/components/table/TableSortButton.js

@@ -6,14 +6,14 @@ import classnames from 'classnames';
 import Button from '../button/Button';
 export default function TableSortButton(_ref) {
   let {
-    className = null
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      className = null
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return React.createElement(Button, _extends({
     className: classnames('dnb-table__sort-button', className),
     variant: "tertiary",
     icon: "arrow-down",
     wrap: true
   }, props));
-}
+}
+//# sourceMappingURL=TableSortButton.js.map

package/components/table/TableSortButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSortButton.js","names":["React","classnames","Button","TableSortButton","_ref","className","props","_objectWithoutProperties","_excluded","createElement","_extends","variant","icon","wrap"],"sources":["../../../../src/components/table/TableSortButton.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Button from '../button/Button'\n\nexport default function TableSortButton({ className = null, ...props }) {\n  return (\n    <Button\n      className={classnames('dnb-table__sort-button', className)}\n      variant=\"tertiary\"\n      icon=\"arrow-down\"\n      wrap\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAM,kBAAkB;AAErC,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAAiC;EAAA,IAAhC;MAAEC,SAAS,GAAG;IAAe,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAClE,OACER,KAAA,CAAAS,aAAA,CAACP,MAAM,EAAAQ,QAAA;IACLL,SAAS,EAAEJ,UAAU,CAAC,wBAAwB,EAAEI,SAAS,CAAE;IAC3DM,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAC,YAAY;IACjBC,IAAI;EAAA,GACAP,KAAK,CACV,CAAC;AAEN"}

package/components/table/TableStickyHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type StickyTableHeaderProps = {
+export type StickyTableHeaderProps = {
     /**
      * Makes the Table header sticky
      * Default: false

package/components/table/TableStickyHeader.js

@@ -18,67 +18,52 @@ export const useStickyHeader = _ref => {
       let hasScrollbar = null;
       let scrollViewElem = null;
       let timeout = null;
-
       try {
         const tableElem = elementRef.current;
         const trElem = tableElem.querySelector('thead > tr:first-of-type, thead > .dnb-table__tr:first-of-type');
         const thElem = getThElement(tableElem);
-
         const setSizes = () => {
           offsetTopPx = parseFloat(String(stickyOffset)) || 0;
-
           if (offsetTopPx > 0) {
             if (String(stickyOffset).includes('rem')) {
               offsetTopPx = Math.round(offsetTopPx * 16);
             }
           }
-
           const modalElem = getPreviousSibling('.dnb-modal__content', tableElem);
-
           if (modalElem) {
             scrollViewElem = modalElem.querySelector('.dnb-scroll-view');
-
             if (offsetTopPx === 0) {
               offsetTopPx = modalElem.querySelector('.dnb-modal__header__bar').offsetHeight || 0;
             }
           } else {
             const scrollElem = getPreviousSibling('.dnb-scroll-view', tableElem);
-
             if (scrollElem) {
               hasScrollbar = scrollElem.scrollHeight - 1 > scrollElem.offsetHeight;
-
               if (hasScrollbar) {
                 scrollViewElem = scrollElem;
               }
             }
           }
-
           thHeight = thElem.offsetHeight;
           tableHeight = tableElem.offsetHeight;
           tableOffset = getOffsetTop(tableElem);
           totalOffset = tableOffset - offsetTopPx;
-
           if (sticky === 'css-position') {
             trElem.style.setProperty('--table-top', `${offsetTopPx / 16}rem`);
           }
         };
-
         let offset = 0;
-
         const onScroll = () => {
           if (scrollViewElem) {
             offset = scrollViewElem.scrollTop;
           } else {
             offset = window.pageYOffset;
           }
-
           offset -= hasScrollbar ? offsetTopPx : totalOffset;
-
           if (offset > 0 && offset < tableHeight - thHeight) {
             if (sticky !== 'css-position') {
               trElem.style.setProperty('--table-offset', String(offset) + 'px');
             }
-
             if (!isSticky) {
               isSticky = true;
               trElem.classList.add('is-sticky');
@@ -86,31 +71,25 @@ export const useStickyHeader = _ref => {
           } else {
             if (isSticky) {
               isSticky = false;
-
               if (offset <= 0) {
                 if (sticky !== 'css-position') {
                   trElem.style.removeProperty('--table-offset');
                 }
               }
-
               trElem.classList.remove('is-sticky');
             }
           }
         };
-
         const onResize = () => {
           setSizes();
           onScroll();
         };
-
         const applyObservers = () => {
           try {
             trElem.classList.add('sticky');
-
             if (sticky === 'css-position') {
               trElem.classList.add('css-position');
             }
-
             setSizes();
             const scrollElem = scrollViewElem || document;
             scrollElem.addEventListener('scroll', onScroll);
@@ -119,7 +98,6 @@ export const useStickyHeader = _ref => {
             stickyWarning(e);
           }
         };
-
         timeout = setTimeout(applyObservers, 100);
         return () => {
           clearTimeout(timeout);
@@ -135,12 +113,11 @@ export const useStickyHeader = _ref => {
     elementRef
   };
 };
-
 const stickyWarning = function () {
   let message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   warn('Could not enable Sticky mode in table:', message);
 };
-
 const getThElement = element => {
   return element.querySelector('thead > tr:first-of-type > th:first-of-type, thead > .dnb-table__tr:first-of-type > .dnb-table__th:first-of-type');
-};
+};
+//# sourceMappingURL=TableStickyHeader.js.map

package/components/table/TableStickyHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableStickyHeader.js","names":["React","getPreviousSibling","warn","getOffsetTop","useStickyHeader","_ref","sticky","stickyOffset","elementRef","useRef","useEffect","isSticky","thHeight","offsetTopPx","tableOffset","tableHeight","totalOffset","hasScrollbar","scrollViewElem","timeout","tableElem","current","trElem","querySelector","thElem","getThElement","setSizes","parseFloat","String","includes","Math","round","modalElem","offsetHeight","scrollElem","scrollHeight","style","setProperty","offset","onScroll","scrollTop","window","pageYOffset","classList","add","removeProperty","remove","onResize","applyObservers","document","addEventListener","e","stickyWarning","setTimeout","clearTimeout","removeEventListener","message","arguments","length","undefined","element"],"sources":["../../../../src/components/table/TableStickyHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { getPreviousSibling, warn } from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\n\nexport type StickyTableHeaderProps = {\n  /**\n   * Makes the Table header sticky\n   * Default: false\n   */\n  sticky?: boolean | 'css-position'\n\n  /**\n   * The offset from top in rem or em unit\n   * Default: false\n   */\n  stickyOffset?: string | number\n}\n\nexport const useStickyHeader = ({\n  sticky,\n  stickyOffset,\n}: StickyTableHeaderProps) => {\n  const elementRef = React.useRef<HTMLTableElement>()\n\n  React.useEffect(() => {\n    if (sticky) {\n      let isSticky = false\n      let thHeight = 0\n      let offsetTopPx = 0\n      let tableOffset = 0\n      let tableHeight = 0\n      let totalOffset = 0\n      let hasScrollbar = null\n      let scrollViewElem = null\n      let timeout: NodeJS.Timeout = null\n\n      try {\n        const tableElem = elementRef.current\n\n        const trElem: HTMLTableRowElement = tableElem.querySelector(\n          'thead > tr:first-of-type, thead > .dnb-table__tr:first-of-type'\n        )\n        const thElem = getThElement(tableElem)\n\n        const setSizes = () => {\n          offsetTopPx = parseFloat(String(stickyOffset)) || 0\n          if (offsetTopPx > 0) {\n            if (String(stickyOffset).includes('rem')) {\n              offsetTopPx = Math.round(offsetTopPx * 16)\n            }\n          }\n\n          const modalElem = getPreviousSibling(\n            '.dnb-modal__content',\n            tableElem\n          )\n\n          if (modalElem) {\n            scrollViewElem = modalElem.querySelector('.dnb-scroll-view')\n\n            if (offsetTopPx === 0) {\n              offsetTopPx =\n                (\n                  modalElem.querySelector(\n                    '.dnb-modal__header__bar'\n                  ) as HTMLElement\n                ).offsetHeight || 0\n            }\n          } else {\n            const scrollElem = getPreviousSibling(\n              '.dnb-scroll-view',\n              tableElem\n            ) as HTMLElement\n\n            if (scrollElem) {\n              hasScrollbar =\n                scrollElem.scrollHeight - 1 > scrollElem.offsetHeight\n\n              if (hasScrollbar) {\n                scrollViewElem = scrollElem\n              }\n            }\n          }\n\n          thHeight = thElem.offsetHeight\n          tableHeight = tableElem.offsetHeight\n          tableOffset = getOffsetTop(tableElem)\n          totalOffset = tableOffset - offsetTopPx\n\n          if (sticky === 'css-position') {\n            trElem.style.setProperty(\n              '--table-top',\n              `${offsetTopPx / 16}rem`\n            )\n          }\n        }\n\n        let offset = 0\n        const onScroll = () => {\n          if (scrollViewElem) {\n            offset = scrollViewElem.scrollTop\n          } else {\n            offset = window.pageYOffset\n          }\n\n          offset -= hasScrollbar ? offsetTopPx : totalOffset\n\n          // By sub thHeight and checking for the height, we avoid a scrollbar inside a Table.ScrollView\n          if (offset > 0 && offset < tableHeight - thHeight) {\n            if (sticky !== 'css-position') {\n              trElem.style.setProperty(\n                '--table-offset',\n                String(offset) + 'px'\n              )\n            }\n\n            if (!isSticky) {\n              isSticky = true\n\n              trElem.classList.add('is-sticky')\n            }\n          } else {\n            if (isSticky) {\n              isSticky = false\n\n              if (offset <= 0) {\n                if (sticky !== 'css-position') {\n                  trElem.style.removeProperty('--table-offset')\n                }\n              }\n\n              trElem.classList.remove('is-sticky')\n            }\n          }\n        }\n\n        const onResize = () => {\n          setSizes()\n          onScroll()\n        }\n\n        const applyObservers = () => {\n          try {\n            trElem.classList.add('sticky')\n            if (sticky === 'css-position') {\n              trElem.classList.add('css-position')\n            }\n\n            setSizes()\n\n            const scrollElem = scrollViewElem || document\n            scrollElem.addEventListener('scroll', onScroll)\n            window.addEventListener('resize', onResize)\n          } catch (e) {\n            stickyWarning(e)\n          }\n        }\n\n        timeout = setTimeout(applyObservers, 100) // to get a more precise offset/sizes, we delay the initialisation\n\n        return () => {\n          clearTimeout(timeout)\n          document.removeEventListener('scroll', onScroll)\n          window.removeEventListener('resize', onResize)\n        }\n      } catch (e) {\n        stickyWarning(e)\n      }\n    }\n  }, [elementRef, sticky, stickyOffset])\n\n  return { elementRef }\n}\n\nconst stickyWarning = (message = '') => {\n  warn('Could not enable Sticky mode in table:', message)\n}\nconst getThElement = (element: HTMLTableElement): HTMLTableCellElement => {\n  return element.querySelector(\n    'thead > tr:first-of-type > th:first-of-type, thead > .dnb-table__tr:first-of-type > .dnb-table__th:first-of-type'\n  )\n}\n"],"mappings":"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"}

package/components/table/TableTd.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import TableAccordionContent from './TableAccordionContent';
-export declare type TableTdProps = {
+export type TableTdProps = {
     /**
      * if set to `true`, no padding will be added
      * Default: false

package/components/table/TableTd.js

@@ -6,16 +6,16 @@ import classnames from 'classnames';
 import TableAccordionContent from './TableAccordionContent';
 export default function Td(componentProps) {
   const {
-    className,
-    children,
-    noSpacing,
-    spacing
-  } = componentProps,
-        props = _objectWithoutProperties(componentProps, _excluded);
-
+      className,
+      children,
+      noSpacing,
+      spacing
+    } = componentProps,
+    props = _objectWithoutProperties(componentProps, _excluded);
   return React.createElement("td", _extends({
     role: "cell",
     className: classnames('dnb-table__td', className, noSpacing && 'dnb-table__td--no-spacing', spacing && `dnb-table__td--spacing-${spacing}`)
   }, props), children);
 }
-Td.AccordionContent = TableAccordionContent;
+Td.AccordionContent = TableAccordionContent;
+//# sourceMappingURL=TableTd.js.map

package/components/table/TableTd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTd.js","names":["React","classnames","TableAccordionContent","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 TableAccordionContent from './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: 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 = TableAccordionContent\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,qBAAqB,MAAM,yBAAyB;AAsB3D,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,qBAAqB"}

package/components/table/TableTh.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import TableSortButton from './TableSortButton';
 import TableHelpButton from './TableHelpButton';
-export declare type TableThChildren = React.ReactNode | ReturnType<typeof TableSortButton> | ReturnType<typeof TableHelpButton>;
-export declare type TableThProps = {
+export type TableThChildren = React.ReactNode | ReturnType<typeof TableSortButton> | ReturnType<typeof TableHelpButton>;
+export type TableThProps = {
     /**
      * Defines the table header as sortable (ascending)
      * Default: false

package/components/table/TableTh.js

@@ -1,22 +1,21 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["className", "children", "sortable", "active", "reversed", "noWrap"],
-      _excluded2 = ["className"];
+  _excluded2 = ["className"];
 import React from 'react';
 import classnames from 'classnames';
 import TableSortButton from './TableSortButton';
 import TableHelpButton from './TableHelpButton';
 export default function Th(componentProps) {
   const {
-    className,
-    children,
-    sortable,
-    active,
-    reversed,
-    noWrap
-  } = componentProps,
-        props = _objectWithoutProperties(componentProps, _excluded);
-
+      className,
+      children,
+      sortable,
+      active,
+      reversed,
+      noWrap
+    } = componentProps,
+    props = _objectWithoutProperties(componentProps, _excluded);
   const role = props.scope === 'row' || props.scope === 'rowgroup' ? 'rowheader' : 'columnheader';
   const scope = props.scope === 'row' ? 'row' : props.scope || 'col';
   const ariaSort = sortable ? reversed ? 'descending' : 'ascending' : undefined;
@@ -27,18 +26,16 @@ export default function Th(componentProps) {
     className: classnames('dnb-table__th', className, sortable && 'dnb-table--sortable', active && 'dnb-table--active', reversed && 'dnb-table--reversed', noWrap && 'dnb-table--no-wrap')
   }, props), children);
 }
-
 function Horizontal(_ref) {
   let {
-    className = null
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded2);
-
+      className = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded2);
   return React.createElement("div", _extends({}, rest, {
     className: classnames('dnb-table__th__horizontal', className)
   }));
 }
-
 Th.SortButton = TableSortButton;
 Th.HelpButton = TableHelpButton;
-Th.Horizontal = Horizontal;
+Th.Horizontal = Horizontal;
+//# sourceMappingURL=TableTh.js.map

package/components/table/TableTh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTh.js","names":["React","classnames","TableSortButton","TableHelpButton","Th","componentProps","className","children","sortable","active","reversed","noWrap","props","_objectWithoutProperties","_excluded","role","scope","ariaSort","undefined","createElement","_extends","Horizontal","_ref","rest","_excluded2","SortButton","HelpButton"],"sources":["../../../../src/components/table/TableTh.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport TableSortButton from './TableSortButton'\nimport TableHelpButton from './TableHelpButton'\n\nexport type TableThChildren =\n  | React.ReactNode\n  | ReturnType<typeof TableSortButton>\n  | ReturnType<typeof TableHelpButton>\n\nexport type TableThProps = {\n  /**\n   * Defines the table header as sortable (ascending)\n   * Default: false\n   */\n  sortable?: boolean\n\n  /**\n   * Defines the sortable column as the current active (ascending)\n   * Default: false\n   */\n  active?: boolean\n\n  /**\n   * Defines the sortable column as in reversed order (descending)\n   * Default: false\n   */\n  reversed?: boolean\n\n  /**\n   * If set to true, the header text will not wrap to new lines\n   * Default: false\n   */\n  noWrap?: boolean\n\n  /**\n   * The content of the table header given as Tr.\n   */\n  children?: TableThChildren | Array<TableThChildren>\n}\n\nexport default function Th(\n  componentProps: TableThProps &\n    React.ThHTMLAttributes<HTMLTableCellElement>\n) {\n  const {\n    className,\n    children,\n    sortable,\n    active,\n    reversed,\n    noWrap,\n    ...props\n  } = componentProps\n\n  const role =\n    props.scope === 'row' || props.scope === 'rowgroup'\n      ? 'rowheader'\n      : 'columnheader'\n  const scope = props.scope === 'row' ? 'row' : props.scope || 'col'\n  const ariaSort = sortable\n    ? reversed\n      ? 'descending'\n      : 'ascending'\n    : undefined\n\n  return (\n    <th\n      role={role}\n      scope={scope}\n      aria-sort={ariaSort}\n      className={classnames(\n        'dnb-table__th',\n        sortable && 'dnb-table--sortable',\n        active && 'dnb-table--active',\n        reversed && 'dnb-table--reversed',\n        noWrap && 'dnb-table--no-wrap',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </th>\n  )\n}\n\nfunction Horizontal({\n  className = null,\n  ...rest\n}: React.ThHTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      {...rest}\n      className={classnames('dnb-table__th__horizontal', className)}\n    />\n  )\n}\n\nTh.SortButton = TableSortButton\nTh.HelpButton = TableHelpButton\nTh.Horizontal = Horizontal\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,eAAe,MAAM,mBAAmB;AAsC/C,eAAe,SAASC,EAAEA,CACxBC,cAC8C,EAC9C;EACA,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,QAAQ;MACRC,MAAM;MACNC,QAAQ;MACRC;IAEF,CAAC,GAAGN,cAAc;IADbO,KAAK,GAAAC,wBAAA,CACNR,cAAc,EAAAS,SAAA;EAElB,MAAMC,IAAI,GACRH,KAAK,CAACI,KAAK,KAAK,KAAK,IAAIJ,KAAK,CAACI,KAAK,KAAK,UAAU,GAC/C,WAAW,GACX,cAAc;EACpB,MAAMA,KAAK,GAAGJ,KAAK,CAACI,KAAK,KAAK,KAAK,GAAG,KAAK,GAAGJ,KAAK,CAACI,KAAK,IAAI,KAAK;EAClE,MAAMC,QAAQ,GAAGT,QAAQ,GACrBE,QAAQ,GACN,YAAY,GACZ,WAAW,GACbQ,SAAS;EAEb,OACElB,KAAA,CAAAmB,aAAA,OAAAC,QAAA;IACEL,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA,KAAM;IACb,aAAWC,QAAS;IACpBX,SAAS,EAAEL,UAAU,CACnB,eAAe,EAKfK,SAAS,EAJTE,QAAQ,IAAI,qBAAqB,EACjCC,MAAM,IAAI,mBAAmB,EAC7BC,QAAQ,IAAI,qBAAqB,EACjCC,MAAM,IAAI,oBAEZ;EAAE,GACEC,KAAK,GAERL,QACC,CAAC;AAET;AAEA,SAASc,UAAUA,CAAAC,IAAA,EAGwB;EAAA,IAHvB;MAClBhB,SAAS,GAAG;IAE0B,CAAC,GAAAgB,IAAA;IADpCC,IAAI,GAAAV,wBAAA,CAAAS,IAAA,EAAAE,UAAA;EAEP,OACExB,KAAA,CAAAmB,aAAA,QAAAC,QAAA,KACMG,IAAI;IACRjB,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS;EAAE,EAC/D,CAAC;AAEN;AAEAF,EAAE,CAACqB,UAAU,GAAGvB,eAAe;AAC/BE,EAAE,CAACsB,UAAU,GAAGvB,eAAe;AAC/BC,EAAE,CAACiB,UAAU,GAAGA,UAAU"}

package/components/table/TableTr.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TableTdProps } from './TableTd';
-export declare type TableTrProps = {
+export type TableTrProps = {
     /**
      * The variant of the tr
      */