@entur/table 4.5.24-RC.0 → 4.5.24-RC.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.5.24-RC.2](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.24-RC.1...@entur/table@4.5.24-RC.2) (2022-11-22)
+
+**Note:** Version bump only for package @entur/table
+
+## [4.5.24-RC.1](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.24-RC.0...@entur/table@4.5.24-RC.1) (2022-11-21)
+
+**Note:** Version bump only for package @entur/table
+
 ## [4.5.24-RC.0](https://bitbucket.org/enturas/design-system/compare/@entur/table@4.5.24-alpha.1...@entur/table@4.5.24-RC.0) (2022-11-21)
 
 **Note:** Version bump only for package @entur/table

package/dist/DataCell.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type DataCellProps = {
+export type DataCellProps = {
     /** Innholdet i tabellcellen */
     children: React.ReactNode;
     /** Ekstra klassenavn */

package/dist/EditableCell.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantType } from '@entur/form';
 import './EditableCell.scss';
-declare type EditableCellProps = {
+type EditableCellProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Inputelementet som skal være i tabellcellen */

package/dist/ExpandRowButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './ExpandRowButton.scss';
-export declare type ExpandRowButtonProps = {
+export type ExpandRowButtonProps = {
     open: boolean;
     onClick: (e: React.MouseEvent) => void;
 } & React.ButtonHTMLAttributes<HTMLButtonElement>;

package/dist/ExpandableRow.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ExpandableRowProps = {
+export type ExpandableRowProps = {
     /** Antall kolonner tabellraden er */
     colSpan: number;
     /** Innholdet til ExpandableRow */

package/dist/HeaderCell.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ExternalSortConfig } from '.';
 import './HeaderCell.scss';
-export declare type HeaderCellProps = {
+export type HeaderCellProps = {
     /** Kolonneoverskrift */
     children: React.ReactNode;
     /** Ekstra klassenavn */

package/dist/Table.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TableProps = {
+export type TableProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Setter tettheten mellom rader og kolonner. Bruk gjerne middle og small for for sider med høy informasjonstetthet

package/dist/TableBody.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TableBodyProps = {
+export type TableBodyProps = {
     /** Tabellrader */
     children: React.ReactNode;
     /** Ekstra klassenavn */

package/dist/TableFooter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TableFooterProps = {
+export type TableFooterProps = {
     /** Tabellrader */
     children: React.ReactNode;
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;

package/dist/TableHead.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TableHeadProps = {
+export type TableHeadProps = {
     /** Kolonneoverskrifter */
     children: React.ReactNode;
     /** Esktra klassenavn */

package/dist/TableRow.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type TableRowProps = {
+export type TableRowProps = {
     /** Tabellceller */
     children: React.ReactNode;
     /** Ekstra klassenavn */

package/dist/styles.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 :root {
@@ -77,7 +78,7 @@
 .eds-table__body > .eds-table__row {
   border-bottom: 0.125rem solid #e9e9e9;
 }
-.eds-contrast .eds-table__body > .eds-table__row {
+.eds-contrast .eds-table__body > .eds-table__row  {
   border-color: #393d79;
 }
 .eds-table__body > .eds-table__row:focus {
@@ -86,14 +87,14 @@
 .eds-table__body > .eds-table__row--hover:hover {
   background: #f3f3f3;
 }
-.eds-contrast .eds-table__body > .eds-table__row--hover:hover {
+.eds-contrast .eds-table__body > .eds-table__row--hover:hover  {
   background: #292b6a;
 }
 .eds-table__body > .eds-table__row--active {
   background: #ebebf1;
   border: 0.125rem solid #d1d4e3;
 }
-.eds-contrast .eds-table__body > .eds-table__row--active {
+.eds-contrast .eds-table__body > .eds-table__row--active  {
   border-color: #393d79;
   background: #393d79;
 }
@@ -104,7 +105,7 @@
 .eds-table__head {
   border-bottom: 0.125rem solid #e9e9e9;
 }
-.eds-contrast .eds-table__head {
+.eds-contrast .eds-table__head  {
   border-color: #393d79;
 }/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
@@ -173,7 +174,8 @@
 }
 .eds-contrast .eds-table__header-cell-button:focus {
   outline: 2px solid #ffffff;
-}/* DO NOT CHANGE!*/
+}@charset "UTF-8";
+/* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-editable-cell {
   padding: 0.25rem 0.75rem;
@@ -188,7 +190,7 @@
   border-color: #d1d3d3;
   background: #ffffff;
 }
-.eds-contrast .eds-editable-cell.eds-editable-cell--outlined .eds-form-control-wrapper {
+.eds-contrast .eds-editable-cell.eds-editable-cell--outlined .eds-form-control-wrapper  {
   border-color: #393d79;
   color: #181c56;
 }
@@ -234,7 +236,7 @@
 .eds-contrast .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper:active, .eds-contrast .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper:focus-within {
   border-color: #aeb7e2;
 }
-.eds-contrast .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper {
+.eds-contrast .eds-table__row:hover .eds-editable-cell .eds-form-control-wrapper  {
   border-color: #393d79;
   color: #181c56;
 }

package/dist/table.cjs.development.js

@@ -19,49 +19,42 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _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 _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;
 }
 
 var _excluded$8 = ["className", "fixed", "spacing", "sortable"];
 var Table = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      _ref$fixed = _ref.fixed,
-      fixed = _ref$fixed === void 0 ? false : _ref$fixed,
-      _ref$spacing = _ref.spacing,
-      spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
-      _ref$sortable = _ref.sortable,
-      sortable = _ref$sortable === void 0 ? false : _ref$sortable,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-
+    _ref$fixed = _ref.fixed,
+    fixed = _ref$fixed === void 0 ? false : _ref$fixed,
+    _ref$spacing = _ref.spacing,
+    spacing = _ref$spacing === void 0 ? 'default' : _ref$spacing,
+    _ref$sortable = _ref.sortable,
+    sortable = _ref$sortable === void 0 ? false : _ref$sortable,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   return React__default["default"].createElement("table", _extends({
     className: classNames__default["default"]('eds-table', {
       'eds-table--fixed': fixed
@@ -79,8 +72,7 @@ var Table = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, re
 var _excluded$7 = ["className"];
 var TableHead = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   return React__default["default"].createElement("thead", _extends({
     className: classNames__default["default"]('eds-table__head', className),
     ref: ref
@@ -90,8 +82,7 @@ var TableHead = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
 var _excluded$6 = ["className"];
 var TableBody = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   return React__default["default"].createElement("tbody", _extends({
     className: classNames__default["default"]('eds-table__body', className),
     ref: ref
@@ -100,7 +91,6 @@ var TableBody = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
 
 var TableFooter = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var props = _extends({}, _ref);
-
   return React__default["default"].createElement("tfoot", _extends({
     ref: ref
   }, props));
@@ -109,14 +99,13 @@ var TableFooter = /*#__PURE__*/React__default["default"].forwardRef(function (_r
 var _excluded$5 = ["className", "hover", "active", "error"];
 var TableRow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      _ref$hover = _ref.hover,
-      hover = _ref$hover === void 0 ? false : _ref$hover,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      _ref$error = _ref.error,
-      error = _ref$error === void 0 ? false : _ref$error,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
+    _ref$hover = _ref.hover,
+    hover = _ref$hover === void 0 ? false : _ref$hover,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   return React__default["default"].createElement("tr", _extends({
     className: classNames__default["default"]('eds-table__row', className, {
       'eds-table__row--hover': hover,
@@ -130,14 +119,12 @@ var TableRow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
 var _excluded$4 = ["className", "padding", "status"];
 var DataCell = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _classNames;
-
   var className = _ref.className,
-      _ref$padding = _ref.padding,
-      padding = _ref$padding === void 0 ? 'default' : _ref$padding,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? undefined : _ref$status,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? 'default' : _ref$padding,
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? undefined : _ref$status,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return React__default["default"].createElement("td", _extends({
     ref: ref,
     className: classNames__default["default"]('eds-table__data-cell', className, (_classNames = {}, _classNames["eds-table__data-cell--status-" + status] = status, _classNames['eds-table__data-cell--padding-checkbox'] = padding === 'checkbox', _classNames['eds-table__data-cell--padding-radio'] = padding === 'radio', _classNames['eds-table__data-cell--padding-overflow-menu'] = padding === 'overflow-menu', _classNames))
@@ -145,23 +132,21 @@ var DataCell = /*#__PURE__*/React__default["default"].forwardRef(function (_ref,
 });
 
 var _excluded$3 = ["className", "children", "name", "sortable", "sortConfig", "padding", "sortableButtonProps"],
-    _excluded2$1 = ["className"];
+  _excluded2$1 = ["className"];
 var HeaderCell = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      name = _ref.name,
-      _ref$sortable = _ref.sortable,
-      sortable = _ref$sortable === void 0 ? false : _ref$sortable,
-      sortConfig = _ref.sortConfig,
-      _ref$padding = _ref.padding,
-      padding = _ref$padding === void 0 ? 'default' : _ref$padding,
-      sortableButtonProps = _ref.sortableButtonProps,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    children = _ref.children,
+    name = _ref.name,
+    _ref$sortable = _ref.sortable,
+    sortable = _ref$sortable === void 0 ? false : _ref$sortable,
+    sortConfig = _ref.sortConfig,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? 'default' : _ref$padding,
+    sortableButtonProps = _ref.sortableButtonProps,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var _React$useState = React__default["default"].useState(false),
-      isCurrentlySorted = _React$useState[0],
-      setIsCurrentlySorted = _React$useState[1];
-
+    isCurrentlySorted = _React$useState[0],
+    setIsCurrentlySorted = _React$useState[1];
   React__default["default"].useEffect(function () {
     sortConfig && name && setIsCurrentlySorted(sortConfig && name === sortConfig.key);
   }, [sortConfig, name]);
@@ -181,16 +166,13 @@ var HeaderCell = /*#__PURE__*/React__default["default"].forwardRef(function (_re
     isCurrentlySorted: isCurrentlySorted
   }, children) : children);
 });
-
 var SortableHeaderCellButton = function SortableHeaderCellButton(_ref2) {
   var sortConfig = _ref2.sortConfig,
-      sortableButtonProps = _ref2.sortableButtonProps,
-      isCurrentlySorted = _ref2.isCurrentlySorted,
-      children = _ref2.children;
-
+    sortableButtonProps = _ref2.sortableButtonProps,
+    isCurrentlySorted = _ref2.isCurrentlySorted,
+    children = _ref2.children;
   var className = sortableButtonProps.className,
-      rest = _objectWithoutPropertiesLoose(sortableButtonProps, _excluded2$1);
-
+    rest = _objectWithoutPropertiesLoose(sortableButtonProps, _excluded2$1);
   return React__default["default"].createElement("button", _extends({
     className: classNames__default["default"]('eds-table__header-cell-button', className),
     type: "button"
@@ -210,7 +192,7 @@ var SortableHeaderCellButton = function SortableHeaderCellButton(_ref2) {
 };
 
 var _excluded$2 = ["name", "sortable", "buttonProps"],
-    _excluded2 = ["sortable"];
+  _excluded2 = ["sortable"];
 function useSortableData(rawData, externalSortConfig) {
   if (externalSortConfig === void 0) {
     externalSortConfig = {
@@ -218,11 +200,9 @@ function useSortableData(rawData, externalSortConfig) {
       order: 'none'
     };
   }
-
   var _React$useState = React__default["default"].useState(externalSortConfig),
-      sortConfig = _React$useState[0],
-      setSortConfig = _React$useState[1];
-
+    sortConfig = _React$useState[0],
+    setSortConfig = _React$useState[1];
   var tableCopy = rawData.slice();
   React__default["default"].useEffect(function () {
     setSortConfig({
@@ -234,7 +214,6 @@ function useSortableData(rawData, externalSortConfig) {
     if (sortConfig.order === 'none') {
       return tableCopy;
     }
-
     return [].concat(rawData).sort(function (a, b) {
       if (get__default["default"](a, sortConfig.key) < get__default["default"](b, sortConfig.key)) {
         return sortConfig.order === 'ascending' ? -1 : 1;
@@ -245,29 +224,24 @@ function useSortableData(rawData, externalSortConfig) {
       }
     });
   }, [rawData, tableCopy, sortConfig]);
-
   var onSortRequested = function onSortRequested(key) {
     var order = 'ascending';
-
     if (sortConfig.key === key && sortConfig.order === 'ascending') {
       order = 'descending';
     } else if (sortConfig.key === key && sortConfig.order === 'descending') {
       order = 'none';
     }
-
     setSortConfig({
       key: key,
       order: order
     });
   };
-
   function getSortableHeaderProps(_ref) {
     var name = _ref.name,
-        _ref$sortable = _ref.sortable,
-        sortable = _ref$sortable === void 0 ? true : _ref$sortable,
-        buttonProps = _ref.buttonProps,
-        props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+      _ref$sortable = _ref.sortable,
+      sortable = _ref$sortable === void 0 ? true : _ref$sortable,
+      buttonProps = _ref.buttonProps,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
     return _extends({
       name: name,
       sortable: sortable,
@@ -279,18 +253,15 @@ function useSortableData(rawData, externalSortConfig) {
       }, buttonProps)
     }, props);
   }
-
   function getSortableTableProps(_ref2) {
     var _ref2$sortable = _ref2.sortable,
-        sortable = _ref2$sortable === void 0 ? true : _ref2$sortable,
-        props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+      sortable = _ref2$sortable === void 0 ? true : _ref2$sortable,
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
     return _extends({
       sortable: sortable,
       sortConfig: sortConfig
     }, props);
   }
-
   return {
     sortedData: sortedData,
     getSortableHeaderProps: getSortableHeaderProps,
@@ -301,13 +272,12 @@ function useSortableData(rawData, externalSortConfig) {
 var _excluded$1 = ["children", "className", "feedback", "variant", "outlined"];
 var EditableCell = function EditableCell(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      feedback = _ref.feedback,
-      variant = _ref.variant,
-      _ref$outlined = _ref.outlined,
-      outlined = _ref$outlined === void 0 ? false : _ref$outlined,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    className = _ref.className,
+    feedback = _ref.feedback,
+    variant = _ref.variant,
+    _ref$outlined = _ref.outlined,
+    outlined = _ref$outlined === void 0 ? false : _ref$outlined,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React__default["default"].createElement(form.VariantProvider, {
     variant: variant
   }, React__default["default"].createElement(DataCell, _extends({
@@ -325,9 +295,9 @@ var EditableCell = function EditableCell(_ref) {
 
 var ExpandableRow = function ExpandableRow(_ref) {
   var _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      children = _ref.children,
-      colSpan = _ref.colSpan;
+    open = _ref$open === void 0 ? false : _ref$open,
+    children = _ref.children,
+    colSpan = _ref.colSpan;
   return React__default["default"].createElement("tr", null, React__default["default"].createElement("td", {
     colSpan: colSpan
   }, React__default["default"].createElement(expand.BaseExpand, {
@@ -338,9 +308,8 @@ var ExpandableRow = function ExpandableRow(_ref) {
 var _excluded = ["open", "onClick"];
 var ExpandRowButton = function ExpandRowButton(_ref) {
   var open = _ref.open,
-      onClick = _ref.onClick,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    onClick = _ref.onClick,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return React__default["default"].createElement(button.IconButton, _extends({
     className: classNames__default["default"]('eds-expand-row-button', {
       'eds-expand-row-button--open': open
@@ -354,81 +323,62 @@ var ExpandRowButton = function ExpandRowButton(_ref) {
 
 function onTableKeypress(event, currentRow, maxRow, allowWrap) {
   var keyPress = event.key;
-
   switch (keyPress) {
     case 'ArrowUp':
       event.preventDefault();
-
       if (allowWrap) {
         return currentRow === 0 ? maxRow - 1 : currentRow - 1;
       } else {
         return currentRow > 0 ? currentRow - 1 : 0;
       }
-
     case 'ArrowDown':
       event.preventDefault();
-
       if (allowWrap) {
         return currentRow === maxRow - 1 ? 0 : currentRow + 1;
       } else {
         return currentRow < maxRow - 1 ? currentRow + 1 : currentRow;
       }
-
     default:
       return currentRow;
   }
 }
-
 var useTableKeyboardNavigation = function useTableKeyboardNavigation(numberOfRows, allowWrap) {
   var _tableBodyRef$current;
-
   if (numberOfRows === void 0) {
     numberOfRows = 0;
   }
-
   if (allowWrap === void 0) {
     allowWrap = true;
   }
-
   var _useState = React.useState(numberOfRows),
-      currentRow = _useState[0],
-      setCurrentRow = _useState[1];
-
+    currentRow = _useState[0],
+    setCurrentRow = _useState[1];
   var _useState2 = React.useState(0),
-      maxRow = _useState2[0],
-      setMaxRow = _useState2[1];
-
+    maxRow = _useState2[0],
+    setMaxRow = _useState2[1];
   var tableBodyRef = React__default["default"].useRef(null);
   var tableHasFocus = tableBodyRef == null ? void 0 : (_tableBodyRef$current = tableBodyRef.current) == null ? void 0 : _tableBodyRef$current.contains(document.activeElement);
   React__default["default"].useEffect(function () {
     var _tableBodyRef$current2;
-
     tableBodyRef && tableBodyRef.current && tableHasFocus && ((_tableBodyRef$current2 = tableBodyRef.current.childNodes[currentRow].childNodes[0].parentElement) == null ? void 0 : _tableBodyRef$current2.focus());
   }, [currentRow, tableHasFocus]);
-
   function getTableBodyNavigationProps() {
     for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
       rest[_key] = arguments[_key];
     }
-
     return _extends({
       ref: tableBodyRef
     }, rest);
   }
-
   var tableRowRef = React__default["default"].useRef(null);
-
   function getTableRowNavigationProps(row) {
     if (row >= maxRow) {
       setMaxRow(row + 1);
     }
-
     var tabIndex = currentRow ? 0 : -1;
-
     for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
       rest[_key2 - 1] = arguments[_key2];
     }
-
     return _extends({
       tabIndex: tabIndex,
       ref: tableRowRef,
@@ -441,7 +391,6 @@ var useTableKeyboardNavigation = function useTableKeyboardNavigation(numberOfRow
       }
     }, rest);
   }
-
   return {
     getTableRowNavigationProps: getTableRowNavigationProps,
     getTableBodyNavigationProps: getTableBodyNavigationProps